Podcast
Questions and Answers
Qual dos seguintes elementos HTML é usado para agrupar informações relacionadas dentro de um formulário?
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?
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?
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'?
Qual elemento HTML é apropriado para definir opções em uma lista 'drop-down'?
Qual método deve ser utilizado quando se quer enviar grandes quantidades de dados de um formulário?
Qual método deve ser utilizado quando se quer enviar grandes quantidades de dados de um formulário?
Qual elemento HTML permite criar uma lista de opções pré-definida?
Qual elemento HTML permite criar uma lista de opções pré-definida?
O que acontece quando um formulário é submetido utilizando o método GET?
O que acontece quando um formulário é submetido utilizando o método GET?
Qual destes elementos HTML é utilizado para capturar um texto mais longo do usuário?
Qual destes elementos HTML é utilizado para capturar um texto mais longo do usuário?
Qual dos seguintes atributos é necessário para evitar que a página trema ao carregar um vídeo?
Qual dos seguintes atributos é necessário para evitar que a página trema ao carregar um vídeo?
O que acontece com o texto entre as tags se o browser não suportar o elemento video?
O que acontece com o texto entre as tags se o browser não suportar o elemento video?
Qual das alternativas a seguir descreve corretamente o comportamento do elemento em um vídeo?
Qual das alternativas a seguir descreve corretamente o comportamento do elemento
Se um browser não suportar um formato de vídeo especificado, qual arquivo será utilizado?
Se um browser não suportar um formato de vídeo especificado, qual arquivo será utilizado?
No que diz respeito ao suporte a formatos de imagem, o que deve ser considerado ao usar o elemento
?
No que diz respeito ao suporte a formatos de imagem, o que deve ser considerado ao usar o elemento ?
Qual atributo deve ser incluído para adicionar controles de vídeo ao elemento
Qual atributo deve ser incluído para adicionar controles de vídeo ao elemento
O que acontece se todos os formatos especificados na tag forem incompatíveis?
O que acontece se todos os formatos especificados na tag
Qual das opções abaixo é uma função do atributo sandbox em um iframe?
Qual das opções abaixo é uma função do atributo sandbox em um iframe?
Por que é importante incluir o atributo title em um iframe?
Por que é importante incluir o atributo title em um iframe?
Qual afirmativa seguinte é verdadeira sobre a utilização do elemento
Qual afirmativa seguinte é verdadeira sobre a utilização do elemento
Qual é o efeito da inclusão de um valor vazio no atributo sandbox?
Qual é o efeito da inclusão de um valor vazio no atributo sandbox?
Quando um formulário HTML é utilizado, a maior parte dos dados do utilizador é geralmente:
Quando um formulário HTML é utilizado, a maior parte dos dados do utilizador é geralmente:
Qual dos seguintes elementos é essencial para a criação de um formulário HTML?
Qual dos seguintes elementos é essencial para a criação de um formulário HTML?
Qual das seguintes afirmações sobre o iframe está incorreta?
Qual das seguintes afirmações sobre o iframe está incorreta?
Qual é um benefício da validação do lado do cliente em formulários HTML?
Qual é um benefício da validação do lado do cliente em formulários HTML?
O que acontece com o conteúdo de um iframe quando o sandbox está presente?
O que acontece com o conteúdo de um iframe quando o sandbox está presente?
Qual é a principal razão para utilizar o método POST ao enviar dados de um formulário?
Qual é a principal razão para utilizar o método POST ao enviar dados de um formulário?
Qual é a função do elemento
Qual é a função do elemento
O que deve ser feito para associar um elemento
O que deve ser feito para associar um elemento
Qual atributo é necessário para referenciar os dados do elemento
Qual atributo é necessário para referenciar os dados do elemento
O que acontece se o atributo name for omitido em um elemento
O que acontece se o atributo name for omitido em um elemento
Como pode ser definida uma opção pré-selecionada em um elemento
Como pode ser definida uma opção pré-selecionada em um elemento
Qual a finalidade do atributo multiple em um elemento
Qual a finalidade do atributo multiple em um elemento
Qual dos seguintes elementos define um botão clicável em HTML?
Qual dos seguintes elementos define um botão clicável em HTML?
Qual dos seguintes tipos de input permite selecionar várias opções simultaneamente?
Qual dos seguintes tipos de input permite selecionar várias opções simultaneamente?
Qual atributo do elemento input indica que o campo é apenas para leitura?
Qual atributo do elemento input indica que o campo é apenas para leitura?
Para qual tipo de input é utilizado o formato 'email'?
Para qual tipo de input é utilizado o formato 'email'?
Qual é a característica principal do tipo de input 'date'?
Qual é a característica principal do tipo de input 'date'?
O que acontece quando um campo de input está desativado?
O que acontece quando um campo de input está desativado?
Qual tipo de input exibe uma imagem como botão de envio?
Qual tipo de input exibe uma imagem como botão de envio?
O que o atributo 'value' faz em um campo de input?
O que o atributo 'value' faz em um campo de input?
Qual dos seguintes tipos de input é utilizado para selecionar ficheiros?
Qual dos seguintes tipos de input é utilizado para selecionar ficheiros?
Qual atributo deve ser utilizado em um campo de entrada do tipo email para permitir múltiplos valores?
Qual atributo deve ser utilizado em um campo de entrada do tipo email para permitir múltiplos valores?
Qual é a função do atributo 'pattern' em um campo de entrada?
Qual é a função do atributo 'pattern' em um campo de entrada?
Para qual tipo de input o atributo 'required' pode ser utilizado?
Para qual tipo de input o atributo 'required' pode ser utilizado?
Quais tipos de input podem utilizar o atributo 'placeholder'?
Quais tipos de input podem utilizar o atributo 'placeholder'?
Qual atributo permite que um campo de entrada obtenha o foco automaticamente quando a página é carregada?
Qual atributo permite que um campo de entrada obtenha o foco automaticamente quando a página é carregada?
Qual é a característica correta do atributo 'autocomplete'?
Qual é a característica correta do atributo 'autocomplete'?
Qual é o intervalo permitido para o campo de entrada da idade?
Qual é o intervalo permitido para o campo de entrada da idade?
Qual é a função do atributo 'size' em um campo de entrada?
Qual é a função do atributo 'size' em um campo de entrada?
Flashcards
Elemento iframe
Elemento iframe
Um elemento HTML que cria um quadro para exibir outro documento HTML dentro da página atual.
Atributo title (iframe)
Atributo title (iframe)
Atributo essencial para descrever o conteúdo do iframe para leitores de telas.
Atributo src (iframe)
Atributo src (iframe)
Define a URL do documento HTML a ser inserido no iframe.
Atributo sandbox
Atributo sandbox
Signup and view all the flashcards
Formulário HTML
Formulário HTML
Signup and view all the flashcards
Validação de formulário cliente-lado
Validação de formulário cliente-lado
Signup and view all the flashcards
Formatos de imagem suportados
Formatos de imagem suportados
Signup and view all the flashcards
Elemento
Elemento
Signup and view all the flashcards
Atributo 'controls' em
Atributo 'controls' em
Signup and view all the flashcards
Atributos 'width' e 'height' em
Atributos 'width' e 'height' em
Signup and view all the flashcards
Elemento
Elemento
Signup and view all the flashcards
Fallback para
Fallback para
Signup and view all the flashcards
Elemento form (POST)
Elemento form (POST)
Signup and view all the flashcards
Elemento label
Elemento label
Signup and view all the flashcards
Elemento select
Elemento select
Signup and view all the flashcards
Elemento option
Elemento option
Signup and view all the flashcards
Atributo 'size' (select)
Atributo 'size' (select)
Signup and view all the flashcards
Atributo 'multiple' (select)
Atributo 'multiple' (select)
Signup and view all the flashcards
Atributo 'for' (label)
Atributo 'for' (label)
Signup and view all the flashcards
Atributo 'id' (label/select/etc.)
Atributo 'id' (label/select/etc.)
Signup and view all the flashcards
Atributo 'name' (select)
Atributo 'name' (select)
Signup and view all the flashcards
Elemento button
Elemento button
Signup and view all the flashcards
Elemento HTML form
Elemento HTML form
Signup and view all the flashcards
Elemento HTML label
Elemento HTML label
Signup and view all the flashcards
Elemento HTML input
Elemento HTML input
Signup and view all the flashcards
Elemento HTML button
Elemento HTML button
Signup and view all the flashcards
Elemento HTML select
Elemento HTML select
Signup and view all the flashcards
Elemento HTML textarea
Elemento HTML textarea
Signup and view all the flashcards
Elemento HTML fieldset
Elemento HTML fieldset
Signup and view all the flashcards
Elemento HTML legend
Elemento HTML legend
Signup and view all the flashcards
Elemento HTML datalist
Elemento HTML datalist
Signup and view all the flashcards
Atributo action (form)
Atributo action (form)
Signup and view all the flashcards
Método GET
Método GET
Signup and view all the flashcards
Método POST
Método POST
Signup and view all the flashcards
Input type 'reset'
Input type 'reset'
Signup and view all the flashcards
Input type 'radio'
Input type 'radio'
Signup and view all the flashcards
Input type 'checkbox'
Input type 'checkbox'
Signup and view all the flashcards
Input type 'button'
Input type 'button'
Signup and view all the flashcards
Input type 'color'
Input type 'color'
Signup and view all the flashcards
Input type 'date'
Input type 'date'
Signup and view all the flashcards
Input type 'datetime-local'
Input type 'datetime-local'
Signup and view all the flashcards
Input type 'email'
Input type 'email'
Signup and view all the flashcards
Input type 'image'
Input type 'image'
Signup and view all the flashcards
Input type 'file'
Input type 'file'
Signup and view all the flashcards
Atributo 'value' (input)
Atributo 'value' (input)
Signup and view all the flashcards
Atributo 'readonly' (input)
Atributo 'readonly' (input)
Signup and view all the flashcards
Atributo 'disabled' (input)
Atributo 'disabled' (input)
Signup and view all the flashcards
Atributo size (input)
Atributo size (input)
Signup and view all the flashcards
Atributo multiple (input)
Atributo multiple (input)
Signup and view all the flashcards
Atributo pattern (input)
Atributo pattern (input)
Signup and view all the flashcards
Atributo placeholder (input)
Atributo placeholder (input)
Signup and view all the flashcards
Atributo required (input)
Atributo required (input)
Signup and view all the flashcards
Atributo autofocus (input)
Atributo autofocus (input)
Signup and view all the flashcards
Atributo autocomplete (input)
Atributo autocomplete (input)
Signup and view all the flashcards
Campo Nome (formulário)
Campo Nome (formulário)
Signup and view all the flashcards
Campo Género (formulário)
Campo Género (formulário)
Signup and view all the flashcards
Campo Idade (formulário)
Campo Idade (formulário)
Signup and view all the flashcards
Dropdown CtesP
Dropdown CtesP
Signup and view all the flashcards
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.#
nohref
indica que é um ponto de ancoragem.id
do elemento destino deve corresponder ao valor no atributohref
.
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 atributosmedia
, 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
eheight
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
). Eviteget
para dados sensíveis.autocomplete
: controla o preenchimento automático.<novalidate>
impede validação.
- Elementos HTML para recolha de dados (ex:
<label>
associa a descrição ao elemento de entrada.- É importante garantir que
for
eid
coincidam para associar o rótulo ao item. <label>
facilita a leitura para utilizadores com acesso às telas de leitura.
- É importante garantir que
<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 atributotype
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.
- Preferir
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.
Related Documents
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!