HTML - Links e Hiperligações
48 Questions
0 Views

HTML - Links e Hiperligações

Created by
@jorgecosta

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Qual dos seguintes elementos HTML é usado para agrupar informações relacionadas dentro de um formulário?

  • label
  • fieldset (correct)
  • datalist
  • button

    • Qual atributo deve ser utilizado para determinar como os dados do formulário serão enviados?

  • type
  • data
  • action
  • method (correct)

    • Quando o método 'get' é utilizado, como os dados do formulário são enviados?

  • Em um arquivo XML separado
  • No corpo do pedido HTTP
  • Como variáveis na URL (correct)
  • De forma oculta em cookies

    • Qual elemento HTML é apropriado para definir opções em uma lista 'drop-down'?

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

    Qual método deve ser utilizado quando se quer enviar grandes quantidades de dados de um formulário?

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

    Qual elemento HTML permite criar uma lista de opções pré-definida?

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

    O que acontece quando um formulário é submetido utilizando o método GET?

    <p>Os dados aparecem na URL como parâmetros.</p> Signup and view all the answers

    Qual destes elementos HTML é utilizado para capturar um texto mais longo do usuário?

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

    Qual dos seguintes atributos é necessário para evitar que a página trema ao carregar um vídeo?

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

    O que acontece com o texto entre as tags se o browser não suportar o elemento video?

    <p>O texto é exibido normalmente</p> Signup and view all the answers

    Qual das alternativas a seguir descreve corretamente o comportamento do elemento em um vídeo?

    <p>Especifica formatos alternativos de vídeo que o browser pode reconhecer</p> Signup and view all the answers

    Se um browser não suportar um formato de vídeo especificado, qual arquivo será utilizado?

    <p>O primeiro formato reconhecido</p> Signup and view all the answers

    No que diz respeito ao suporte a formatos de imagem, o que deve ser considerado ao usar o elemento ?

    <p>Nem todos os browsers suportam todos os formatos de imagem</p> Signup and view all the answers

    Qual atributo deve ser incluído para adicionar controles de vídeo ao elemento

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

    O que acontece se todos os formatos especificados na tag forem incompatíveis?

    <p>Nada ocorrerá e o vídeo não será exibido</p> Signup and view all the answers

    Qual das opções abaixo é uma função do atributo sandbox em um iframe?

    <p>Bloquear a submissão de formulários do conteúdo do iframe</p> Signup and view all the answers

    Por que é importante incluir o atributo title em um iframe?

    <p>Para ajudar leitores de tela a interpretar o conteúdo</p> Signup and view all the answers

    Qual afirmativa seguinte é verdadeira sobre a utilização do elemento

    <p>Os atributos de altura e largura podem ser ignorados</p> Signup and view all the answers

    Qual é o efeito da inclusão de um valor vazio no atributo sandbox?

    <p>Aplicar todas as restrições possíveis ao conteúdo</p> Signup and view all the answers

    Quando um formulário HTML é utilizado, a maior parte dos dados do utilizador é geralmente:

    <p>Encaminhada para o servidor para processamento</p> Signup and view all the answers

    Qual dos seguintes elementos é essencial para a criação de um formulário HTML?

    <form> Signup and view all the answers

    Qual das seguintes afirmações sobre o iframe está incorreta?

    <p>O iframe é usado apenas para vídeos em uma página web.</p> Signup and view all the answers

    Qual é um benefício da validação do lado do cliente em formulários HTML?

    <p>Reduz o tempo de processamento no servidor.</p> Signup and view all the answers

    O que acontece com o conteúdo de um iframe quando o sandbox está presente?

    <p>É tratado como se fosse de uma origem única, com restrições aplicadas.</p> Signup and view all the answers

    Qual é a principal razão para utilizar o método POST ao enviar dados de um formulário?

    <p>É necessário para enviar dados que contenham informações sensíveis.</p> Signup and view all the answers

    Qual é a função do elemento

    <p>Fornece uma descrição acessível para elementos de entrada.</p> Signup and view all the answers

    O que deve ser feito para associar um elemento

    <p>O atributo for do <label> deve ser igual ao id do elemento de entrada.</p> Signup and view all the answers

    Qual atributo é necessário para referenciar os dados do elemento ?

    <p>Os dados da lista não serão submetidos.</p> Signup and view all the answers

    Como pode ser definida uma opção pré-selecionada em um elemento ?

    <p>Habilitar a seleção de mais de uma opção.</p> Signup and view all the answers

    Qual dos seguintes elementos define um botão clicável em HTML?

    <button> Signup and view all the answers

    Qual dos seguintes tipos de input permite selecionar várias opções simultaneamente?

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

    Qual atributo do elemento input indica que o campo é apenas para leitura?

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

    Para qual tipo de input é utilizado o formato 'email'?

    <p>Para receber endereços de email</p> Signup and view all the answers

    Qual é a característica principal do tipo de input 'date'?

    <p>Permite escolher uma data através de um calendário</p> Signup and view all the answers

    O que acontece quando um campo de input está desativado?

    <p>O valor do campo não é enviado na submissão do formulário</p> Signup and view all the answers

    Qual tipo de input exibe uma imagem como botão de envio?

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

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

    <p>Especifica o valor inicial do campo</p> Signup and view all the answers

    Qual dos seguintes tipos de input é utilizado para selecionar ficheiros?

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

    Qual atributo deve ser utilizado em um campo de entrada do tipo email para permitir múltiplos valores?

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

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

    <p>Definir uma expressão regular para validar o valor</p> Signup and view all the answers

    Para qual tipo de input o atributo 'required' pode ser utilizado?

    <p>Em diversos tipos de input como text, email, password e checkbox</p> Signup and view all the answers

    Quais tipos de input podem utilizar o atributo 'placeholder'?

    <p>text, search, url, tel, email e password</p> Signup and view all the answers

    Qual atributo permite que um campo de entrada obtenha o foco automaticamente quando a página é carregada?

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

    Qual é a característica correta do atributo 'autocomplete'?

    <p>Ele pode ativar ou desativar o preenchimento automático</p> Signup and view all the answers

    Qual é o intervalo permitido para o campo de entrada da idade?

    <p>0 a 60</p> Signup and view all the answers

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

    <p>Determina a largura visível do campo em caracteres</p> Signup and view all the answers

    Study Notes

    HTML - Links

    • Links são facilmente identificados ao passar o mouse sobre eles, a seta transforma-se numa mãozinha.
    • Uma hiperligação pode ser texto, imagem ou outro elemento HTML.
    • O atributo href especifica o destino de uma hiperligação.
    • Links não visitados são geralmente sublinhados em azul.
    • Links visitados são sublinhados em roxo.
    • Links ativos são sublinhados em vermelho.
    • Os estilos de links podem ser alterados usando CSS.
    • O documento destino é normalmente aberto na mesma janela, a menos que outro destino seja especificado.
    • Caminho absoluto: href="https://www...." aponta para um documento em outro servidor.
    • Caminho relativo: href="/path..." aponta para um documento no mesmo servidor.
    • ../ refere-se à pasta superior.

    HTML - Exercícios

    • Criar link para email: href="mailto:..."
    • Título e destinatários de email podem ser definidos.
    • Espaços nos URLs devem ser substituídos por %20 (UTF-8).

    HTML - Links internos

    • href="#value" para navegação dentro da página, evitando rolagem desnecessária.
    • # no href indica que é um ponto de ancoragem.
    • id do elemento destino deve corresponder ao valor no atributo href.

    HTML - Imagem

    • A tag <img> insere imagens numa página.
    • Imagens estão ligadas à página, não inseridas diretamente dentro da página.
    • <img> cria espaço para a imagem.
    • O atributo obrigatório src especifica o caminho da imagem.
    • O atributo obrigatório alt descreve a imagem em caso de falha de carregamento.

    HTML -

    • <picture> permite diferentes imagens em diferentes tamanhos de ecrã.
    • Usando <source> e seus atributos media, permite selecionar imagens apropriadas para diferentes dispositivos.
    • O browser escolhe a imagem que melhor se adapta ao dispositivo.
    • O elemento <img> é obrigatório, caso <source> não corresponda a nenhuma condição.

    HTML -

    • <video> insere um vídeo na página.
    • O atributo controls adiciona controlos de vídeo (reproduzir, pausar, volume).
    • Os atributos width e height são necessários para definir as dimensões do vídeo.
    • <source> permite fornecer diferentes formatos de vídeo para diferentes browsers.

    HTML -

    • <audio> reproduz áudio numa página.
    • O atributo controls adiciona controlos de áudio (reproduzir, pausar, volume).
    • <source> permite fornecer diferentes tipos de ficheiros áudio para diferentes browsers.

    HTML - YouTube

    • <iframe> insere vídeos do YouTube.
    • O atributo src especifica a URL do vídeo do YouTube.
    • Atributos width, height controlam o tamanho do vídeo.
    • Parâmetros na URL podem controlar o comportamento do vídeo (ex. autoplay, mute).

    HTML - <iframe>

    • <iframe> cria um "quadro" para incorporar outro documento HTML.
    • O atributo src aponta para a localização do documento que será exibido no <iframe>.

    HTML - Formulários

    • Formulários recolhem dados do utilizador e enviam para um servidor.
      • Elementos HTML para recolha de dados (ex: input, textarea, select).
      • <form> define o contêiner do formulário.
      • action: indica onde enviar os dados.
      • method: indica se os dados são enviados como query string (get) ou como body HTTP (post). Evite get para dados sensíveis.
      • autocomplete: controla o preenchimento automático. <novalidate> impede validação.
    • <label> associa a descrição ao elemento de entrada.
      • É importante garantir que for e id coincidam para associar o rótulo ao item.
      • <label> facilita a leitura para utilizadores com acesso às telas de leitura.
    • <input> para diferentes tipos de entradas: texto, senha, checkbox, rádio, etc.
    • <select> para listas de seleção com opções (<option>).
      • <optgroup> para agrupar opções de <option>.
    • <textarea> para entrada de texto múltipla linha.
    • <button> elemento para criar um botão. O atributo type ajuda o browser entender como ele será tratado.
    • <fieldset> e <legend>: agrupar elementos para organização visual
    • <datalist> (menos comum): lista pré-definida de opções para entrada.

    HTML - Atributos <form>

    • action: especifica o URL onde os dados serão enviados.
    • method: especifica o método HTTP usado na submissão. GET adiciona os dados como query string, POST como body HTTP.
      • Preferir POST para dados sensíveis.
    • autocomplete: controla o preenchimento automático.
    • novalidate: desabilita a validação do formulário.
    • target: especifica onde o resultado da submissão será apresentado (ex: nova janela, mesma janela).

    Atributos com type para input

    • Tipos de input: text, password, submit, reset, checkbox, radio, color, date, datetime-local, email, file, hidden, image, month, number, password, range, search, tel, time, url , etc.
    • Usar atributos min, max, etc, onde aplicável para entradas numéricas ou data.

    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

    Neste quiz, você irá testar seus conhecimentos sobre links em HTML. Aprenda sobre os diferentes tipos de hiperligações, como criar links para e-mails e a diferença entre caminhos absolutos e relativos. Venha desafiar seu entendimento de como os links funcionam na web!

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser