HTML - Links
48 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Qual é o propósito do atributo 'controls' no elemento HTML?

  • Ativar controles de reprodução, pausa e volume (correct)
  • Adicionar legendas ao vídeo
  • Carregar vídeos em formatos diferentes
  • Definir a largura e altura do vídeo

    • O elemento

    True

    Qual elemento HTML é usado para reproduzir vídeos numa página web?

    O navegador usará o primeiro formato reconhecido dentro do elemento <_____>

    <p>source</p> Signup and view all the answers

    Associa os elementos HTML com suas funções:

    <p><video> = Reproduzir vídeo na página</p> <source> = Especificar arquivos de vídeo alternativos controls = Adicionar controles ao vídeo <img> = Mostrar imagens na página Signup and view all the answers

    Qual dos seguintes elementos HTML é utilizado para criar uma lista 'drop-down'?

    <select> Signup and view all the answers

    O que acontece se o navegador não suportar o elemento

    <p>Mostrará o texto entre as tags <video></p> Signup and view all the answers

    Todos os formatos de imagem são suportados por todos os navegadores e dispositivos.

    <p>False</p> Signup and view all the answers

    O método 'GET' é adequado para enviar grandes quantidades de dados de forma segura.

    <p>False</p> Signup and view all the answers

    Qual atributo HTML define a ação a ser realizada quando um formulário é submetido?

    <p>action</p> Signup and view all the answers

    Qual deve ser a ordem dos formatos de imagem definidos no elemento ?

    <p>O formato que o navegador reconhece primeiro;</p> Signup and view all the answers

    O elemento __________ é utilizado para definir uma descrição para um grupo de opções em uma lista 'drop-down'.

    <p>optgroup</p> Signup and view all the answers

    Associe os elementos HTML com suas descrições:

    <p><button> = Define um botão clicável</p> &lt;textarea> = Campo para texto longo <fieldset> = Agrupa informações relacionadas <datalist> = Lista de opções pré-definidas Signup and view all the answers

    Qual dos métodos HTTP é utilizado para enviar dados de formulário de maneira que eles não sejam visíveis na URL?

    <p>POST</p> Signup and view all the answers

    O elemento

    <p>False</p> Signup and view all the answers

    O que é um em um formulário HTML?

    <p>Uma descrição para o elemento <fieldset></p> Signup and view all the answers

    Qual elemento é utilizado para agrupar elementos e/ou dados relacionados?

    <p>fieldset&gt;</p> Signup and view all the answers

    O elemento datalist> é utilizado para definir um botão de envio.

    <p>False</p> Signup and view all the answers

    Qual atributo se usa para especificar o tipo de botão em um elemento button>?

    <p>type</p> Signup and view all the answers

    O elemento ________ é utilizado para fornecer funcionalidade de 'preenchimento automático' para elementos de entrada.

    <p>datalist</p> Signup and view all the answers

    Qual destes elementos não pode receber texto ou outros elementos?

    <p>button&gt;</p> Signup and view all the answers

    Associe os elementos HTML a suas respectivas funções:

    <p>fieldset&gt; = Agrupa elementos relacionados legend&gt; = Define a descrição de um fieldset datalist&gt; = Oferece opções predefinidas input type='password'&gt; = Campo de entrada para senhas</p> Signup and view all the answers

    O atributo disabled desativa todos os elementos dentro de um fieldset.

    <p>True</p> Signup and view all the answers

    Qual atributo deve ter o mesmo valor que o id do elemento datalist>?

    <p>list</p> Signup and view all the answers

    Qual é a função do elemento

    <p>Definir uma descrição para elementos do formulário</p> Signup and view all the answers

    O elemento .

    <p>True</p> Signup and view all the answers

    Por que o uso do método POST é recomendado quando o formulário contém informações sensíveis?

    <p>Porque és dados são enviados de forma oculta no corpo da requisição.</p> Signup and view all the answers

    Qual tipo de input é utilizado para selecionar uma cor?

    <p>color</p> Signup and view all the answers

    O input do tipo 'checkbox' permite selecionar apenas uma opção.

    <p>False</p> Signup and view all the answers

    O que faz o atributo 'readonly' em um campo de input?

    <p>Indica que o campo é só de leitura e não pode ser editado.</p> Signup and view all the answers

    O tipo de input '________' permite a inserção de arquivos através de um botão 'Procurar'.

    <p>file</p> Signup and view all the answers

    Associe os tipos de input com suas respectivas descrições:

    <p>radio = Define botões de opção, onde apenas uma pode ser escolhida date = Define um campo para inserir uma data email = Campo para um endereço de email button = Define um botão que não submete automaticamente os dados</p> Signup and view all the answers

    Qual dos seguintes tipos de input não envia seu valor na submissão do formulário?

    <p>disabled</p> Signup and view all the answers

    O input do tipo 'reset' repõe todos os valores do formulário para seus padrões definidos.

    <p>True</p> Signup and view all the answers

    Qual é a função do campo de input do tipo 'local'?

    <p>Permite inserir uma data e hora.</p> Signup and view all the answers

    Qual atributo HTML deve ser utilizado para indicar que um campo de entrada é obrigatório?

    <p>required</p> Signup and view all the answers

    O atributo 'multiple' pode ser usado em campos de entrada do tipo texto.

    <p>False</p> Signup and view all the answers

    Qual é a função do atributo 'placeholder' em um campo de entrada?

    <p>Fornecer uma sugestão visual do valor esperado.</p> Signup and view all the answers

    O atributo 'size' especifica a largura visível, em __________, de um campo de entrada.

    <p>caracteres</p> Signup and view all the answers

    Associe os campos de entrada com suas características corretas:

    <p>text = Permite o preenchimento de texto único. email = Aceita endereços de email. file = Permite o upload de arquivos. number = Aceita apenas valores numéricos.</p> Signup and view all the answers

    Qual atributo deve ser utilizado para definir um padrão de validação para um campo de entrada?

    <p>pattern</p> Signup and view all the answers

    O atributo 'autofocus' faz com que o cursor seja automaticamente colocado no campo ao carregar a página.

    <p>True</p> Signup and view all the answers

    Quais tipos de entrada podem utilizar o atributo 'multiple'?

    <p>email e file</p> Signup and view all the answers

    Study Notes

    HTML - Links

    • Links são facilmente identificáveis ao passar o mouse sobre eles, a seta do mouse se transforma em mão.
    • Links podem ser texto, imagens ou outros elementos HTML.
    • O atributo href especifica o destino do link.
    • Links não visitados são azuis e sublinhados.
    • Links visitados são roxos e sublinhados.
    • Links ativos são vermelhos e sublinhados.
    • Estilos podem ser modificados via CSS.
    • Links geralmente abrem na mesma janela atual, exceto quando especificado o contrário.
    • href="https://www....." : Caminho absoluto para um documento da web, em servidor diferente.
    • href="/path....": Caminho relativo a um arquivo no mesmo servidor (ex: imagem, html).
    • href="../": Referência para a pasta superior na estrutura do site.
    • Criar um link para email: href="mailto:..." . Permite definir título e destinatários.
    • Espaços em URLs devem ser substituídos por %20.
    • Links internos para uma seção específica usam href="#value".
    • Utilize links internos para evitar rolagem excessiva em páginas longas.
    • O valor de href corresponde ao atributo id do destino.

    HTML - Imagem

    • A tag <img> insere imagens em páginas web.
    • As imagens são referenciadas na página, não inseridas diretamente.
    • A tag <img> cria espaço para a imagem.
    • A tag <img> não tem tag de fechamento.
    • Atributos obrigatórios:
      • src: caminho da imagem.
      • alt: texto alternativo para a imagem.

    HTML -

    • A tag <picture> exibe imagens diferentes para diferentes tamanhos de tela.
    • Usa o atributo srcset, permitindo ao navegador escolher a melhor imagem para exibição.
    • Contém um ou mais elementos <source>.
    • Cada <source> indica qual a imagem para cada tamanho de tela via atributo media.
    • Cada <source> tem um atributo srcset com o caminho da imagem e as suas dimensões.
    • O elemento <img> é exibido se nenhuma das tags <source> for apropriada para o tamanho da tela.

    HTML -

    • A tag <video> mostra vídeos na página web.
    • O atributo controls adiciona controles ao vídeo (play, pause, volume).
    • Os atributos width e height são necessários para tamanho adequado.
    • Utilize <source> para fornecer diferentes formatos de vídeo, permitindo que vários navegadores reproduzam o vídeo.

    HTML -

    • A tag <audio> reproduz áudio na página web.
    • O atributo controls adiciona controles ao áudio (play, pause, volume).
    • Utilize <source> para fornecer diferentes formatos de áudio.

    HTML - YouTube vídeos

    • Use a tag <iframe> para incorporar vídeos do YouTube.
    • O atributo src aponta para o vídeo do YouTube.
    • Atributos como width, height, e outros parâmetros podem ser inseridos na url do YouTube para controlar o tamanho, autoplay, etc.

    HTML - <iframe>

    • A tag <iframe> cria um quadro para exibir outro documento HTML dentro da página atual.
    • O atributo src especifica o URL do documento a ser exibido no iframe.
    • Use CSS para estilizar o iframe.
    • O atributo title é necessário para acessibilidade.

    HTML - Formulários

    • Formulários são usados para coletar dados do usuário.
    • Os dados do formulário são enviados a um servidor para processamento.
    • Elementos básicos:
      • <form>: Contém os elementos do formulário.
      • <label>: Define uma descrição para os elementos de entrada.
      • <input>: Obtém dados de entrada (texto, senha, data, etc.).
      • <button>: Controla outros elementos ou executa uma ação.
      • <select>: Cria uma lista drop-down.
      • <textarea>: Para texto de múltiplas linhas.
      • <fieldset>: Agrupa itens em um formulário.
      • <legend>: Rótulo para um
        .
      • <datalist>: Fornece sugestões para o preenchimento automático.
      • <option>: Opções na lista drop-down, <optgroup> para agrupar opções.
      • <output>: Mostra resultados de cálculos.

    HTML Form Atributos

    • action: página para onde serão enviados os dados;
    • target: onde a resposta será exibida;
    • autocomplete: se o preenchimento automático será ativado ou não;
    • novalidate: desabilita a validação do formulário;
    • method: GET ou POST (indica como os dados são enviados - use POST para dados sensíveis).

    HTML - Tipos de Input

    • <input type="text">: Campo de entrada de texto simples.
    • <input type="password">: Campo de entrada de senha (caracteres ocultos).
    • <input type="submit">: Botão para submeter o formulário.
    • <input type="reset">: Botão para limpar os campos do formulário.
    • <input type="checkbox">: Caixa de seleção (pode escolher múltiplas opções).
    • <input type="radio">: Botão de opção (apenas uma opção pode ser selecionada).
    • <input type="color">: Seletor de cor.
    • <input type="date">: Campo de entrada para data.
    • <input type="datetime-local">: Campo de entrada para data e hora.
    • <input type="email">: Campo de entrada para email.
    • <input type="file">: Campo para selecionar arquivos.
    • <input type="button">: Botão, não submete automaticamente dados.
    • <input type="image">: Imagem como botão de envio.
    • Atributos adicionais: value, placeholder, pattern, required, readonly, disabled, size, multiple, autofocus

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    HTML - Tecnologias Web_HTML PDF

    Description

    Teste seus conhecimentos sobre links em HTML. Aprenda sobre atributos, estilos e como utilizar links internos e externos corretamente. Prepare-se para explorar as diferentes formas de criar hyperlinks em suas páginas da web.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser