Podcast
Questions and Answers
O elemento HTML especifica um inline frame, isto é, um quadro onde se coloca/adiciona um outro documento _____.
O elemento HTML especifica um inline frame, isto é, um quadro onde se coloca/adiciona um outro documento _____.
html
Deve-se sempre incluir o atributo _____ no elemento iframe, para que os leitores de ecrã possam ler do que se trata o conteúdo.
Deve-se sempre incluir o atributo _____ no elemento iframe, para que os leitores de ecrã possam ler do que se trata o conteúdo.
title
O atributo sandbox permite um conjunto extra de _____ para o conteúdo do iframe.
O atributo sandbox permite um conjunto extra de _____ para o conteúdo do iframe.
restrições
Quando o atributo sandbox está presente, este tratará o conteúdo como sendo de uma _____ única.
Quando o atributo sandbox está presente, este tratará o conteúdo como sendo de uma _____ única.
Signup and view all the answers
Um formulário HTML é utilizado para recolher dados do _____ do utilizador.
Um formulário HTML é utilizado para recolher dados do _____ do utilizador.
Signup and view all the answers
Facilitar a recolha de dados do utilizador através de vários elementos é uma das finalidades do _____ HTML.
Facilitar a recolha de dados do utilizador através de vários elementos é uma das finalidades do _____ HTML.
Signup and view all the answers
O formulário HTML pretende-se estruturar elementos de 'data _____' através de elementos form.
O formulário HTML pretende-se estruturar elementos de 'data _____' através de elementos form.
Signup and view all the answers
Suportar validação do lado do _____ para uma melhor experiência do utilizador é um objetivo dos formulários HTML.
Suportar validação do lado do _____ para uma melhor experiência do utilizador é um objetivo dos formulários HTML.
Signup and view all the answers
O atributo ______ inicia automaticamente o vídeo.
O atributo ______ inicia automaticamente o vídeo.
Signup and view all the answers
O símbolo # no atributo href indica ao browser que se trata de uma âncora de ___ .
O símbolo # no atributo href indica ao browser que se trata de uma âncora de ___ .
Signup and view all the answers
Ao usar ______ muted, o vídeo inicia sem som.
Ao usar ______ muted, o vídeo inicia sem som.
Signup and view all the answers
A tag HTML ___ é utilizada para incorporar uma imagem numa página web.
A tag HTML ___ é utilizada para incorporar uma imagem numa página web.
Signup and view all the answers
O elemento ______ permite reproduzir um ficheiro de áudio numa página web.
O elemento ______ permite reproduzir um ficheiro de áudio numa página web.
Signup and view all the answers
A tag img contém apenas ___ e não tem uma closing tag.
A tag img contém apenas ___ e não tem uma closing tag.
Signup and view all the answers
O atributo ______ adiciona controlos de áudio, como reprodução e pausa.
O atributo ______ adiciona controlos de áudio, como reprodução e pausa.
Signup and view all the answers
O elemento ______ permite especificar ficheiros de áudio alternativos.
O elemento ______ permite especificar ficheiros de áudio alternativos.
Signup and view all the answers
A tag img tem dois atributos obrigatórios: src e ___ .
A tag img tem dois atributos obrigatórios: src e ___ .
Signup and view all the answers
O elemento HTML ___ permite apresentar imagens diferentes para diferentes dispositivos ou tamanhos de ecrã.
O elemento HTML ___ permite apresentar imagens diferentes para diferentes dispositivos ou tamanhos de ecrã.
Signup and view all the answers
O código ______ é utilizado para reproduzir um vídeo do YouTube em HTML.
O código ______ é utilizado para reproduzir um vídeo do YouTube em HTML.
Signup and view all the answers
Os controlos do vídeo são adicionados como ______ no URL do vídeo.
Os controlos do vídeo são adicionados como ______ no URL do vídeo.
Signup and view all the answers
O elemento picture contém um ou mais elementos ___, cada um referindo-se a diferentes imagens.
O elemento picture contém um ou mais elementos ___, cada um referindo-se a diferentes imagens.
Signup and view all the answers
Cada elemento source tem um atributo ___ que define qual a imagem mais adequada.
Cada elemento source tem um atributo ___ que define qual a imagem mais adequada.
Signup and view all the answers
Para delimitar a área de display do vídeo, utilizamos os atributos ______ e height.
Para delimitar a área de display do vídeo, utilizamos os atributos ______ e height.
Signup and view all the answers
O elemento img é usado pelos browsers que não suportam o elemento ___ ou se nenhuma das tags source corresponder.
O elemento img é usado pelos browsers que não suportam o elemento ___ ou se nenhuma das tags source corresponder.
Signup and view all the answers
Utilizar sempre o POST se os dados do formulário contiverem informações ______ ou pessoais!
Utilizar sempre o POST se os dados do formulário contiverem informações ______ ou pessoais!
Signup and view all the answers
O elemento
O elemento
Signup and view all the answers
O atributo for deve ser igual ao atributo ______ do elemento <input> para associá-los.
O atributo for deve ser igual ao atributo ______ do elemento <input> para associá-los.
Signup and view all the answers
O elemento
O elemento
Signup and view all the answers
O atributo ______ é necessário para referenciar os dados do formulário depois de este ser submetido.
O atributo ______ é necessário para referenciar os dados do formulário depois de este ser submetido.
Signup and view all the answers
Para definir uma opção pré-selecionada, adicionar o atributo ______ à opção.
Para definir uma opção pré-selecionada, adicionar o atributo ______ à opção.
Signup and view all the answers
O elemento <button> define um botão ______.
O elemento <button> define um botão ______.
Signup and view all the answers
O atributo id é necessário para associar a lista 'drop-down' a um elemento ______.
O atributo id é necessário para associar a lista 'drop-down' a um elemento ______.
Signup and view all the answers
O elemento
O elemento
Signup and view all the answers
O atributo <___> é utilizado para desativar ou deixar inativos todos os elementos dentro de um grupo.
O atributo <___> é utilizado para desativar ou deixar inativos todos os elementos dentro de um grupo.
Signup and view all the answers
O elemento
O elemento
Signup and view all the answers
O atributo <___> do elemento datalist deve ser igual ao valor do atributo list do elemento input.
O atributo <___> do elemento datalist deve ser igual ao valor do atributo list do elemento input.
Signup and view all the answers
O elemento <input type='___'> define um campo de entrada para palavras passe.
O elemento <input type='___'> define um campo de entrada para palavras passe.
Signup and view all the answers
Se o botão for criado com o elemento <___>, não é possível inserir texto e elementos.
Se o botão for criado com o elemento <___>, não é possível inserir texto e elementos.
Signup and view all the answers
O atributo <___> indica ao browser que tipo de botão se trata.
O atributo <___> indica ao browser que tipo de botão se trata.
Signup and view all the answers
O elemento <input> define um campo de entrada de <___>, de uma linha.
O elemento <input> define um campo de entrada de <___>, de uma linha.
Signup and view all the answers
O botão de ______ define um botão para repor todos os valores do formulário.
O botão de ______ define um botão para repor todos os valores do formulário.
Signup and view all the answers
O tipo de input ______ define botões de opção, das quais só uma pode ser escolhida.
O tipo de input ______ define botões de opção, das quais só uma pode ser escolhida.
Signup and view all the answers
O tipo de input ______ define caixas de seleção, onde é possível selecionar várias opções.
O tipo de input ______ define caixas de seleção, onde é possível selecionar várias opções.
Signup and view all the answers
O tipo de input ______ é utilizado para campos de entrada que devem conter uma cor.
O tipo de input ______ é utilizado para campos de entrada que devem conter uma cor.
Signup and view all the answers
O tipo de input ______ define um campo de entrada no qual uma data deve ser inserida.
O tipo de input ______ define um campo de entrada no qual uma data deve ser inserida.
Signup and view all the answers
O campo de entrada ______ é utilizado para endereços de email e pode ser validado automaticamente.
O campo de entrada ______ é utilizado para endereços de email e pode ser validado automaticamente.
Signup and view all the answers
O tipo de input ______ define uma imagem como um botão de envio do formulário.
O tipo de input ______ define uma imagem como um botão de envio do formulário.
Signup and view all the answers
O atributo ______ indica que o campo está desativado, não permitindo a interação do usuário.
O atributo ______ indica que o campo está desativado, não permitindo a interação do usuário.
Signup and view all the answers
Qual a função do atributo sandbox no elemento iframe?
Qual a função do atributo sandbox no elemento iframe?
Signup and view all the answers
Qual a consequência de um iframe com o atributo sandbox vazio?
Qual a consequência de um iframe com o atributo sandbox vazio?
Signup and view all the answers
Qual é a finalidade principal de um formulário HTML?
Qual é a finalidade principal de um formulário HTML?
Signup and view all the answers
O que ocorre se um iframe não tiver o atributo title?
O que ocorre se um iframe não tiver o atributo title?
Signup and view all the answers
Qual das seguintes afirmações sobre elementos de input em formulários HTML é verdadeira?
Qual das seguintes afirmações sobre elementos de input em formulários HTML é verdadeira?
Signup and view all the answers
Como deve ser tratado o conteúdo de um iframe quando o atributo sandbox é utilizado?
Como deve ser tratado o conteúdo de um iframe quando o atributo sandbox é utilizado?
Signup and view all the answers
Qual dos seguintes efeitos é causado pela presença do atributo sandbox no iframe?
Qual dos seguintes efeitos é causado pela presença do atributo sandbox no iframe?
Signup and view all the answers
Qual a cor padrão de uma hiperligações não visitada em navegadores?
Qual a cor padrão de uma hiperligações não visitada em navegadores?
Signup and view all the answers
O que deve ser feito para que um link abra em uma nova janela?
O que deve ser feito para que um link abra em uma nova janela?
Signup and view all the answers
Como os espaços em um URL devem ser representados?
Como os espaços em um URL devem ser representados?
Signup and view all the answers
Qual é a função de um caminho relativo em HTML?
Qual é a função de um caminho relativo em HTML?
Signup and view all the answers
Para que serve o atributo 'href' em uma hiperligação?
Para que serve o atributo 'href' em uma hiperligação?
Signup and view all the answers
Qual é a aparência padrão de uma hiperligações visitada?
Qual é a aparência padrão de uma hiperligações visitada?
Signup and view all the answers
Que tipo de link é utilizado para navegação interna dentro da própria página?
Que tipo de link é utilizado para navegação interna dentro da própria página?
Signup and view all the answers
Qual é o formato correto de um link para criar uma mensagem de correio eletrónico?
Qual é o formato correto de um link para criar uma mensagem de correio eletrónico?
Signup and view all the answers
Qual a função principal do elemento
Qual a função principal do elemento
Signup and view all the answers
O que acontece ao omitir o atributo name de um elemento
O que acontece ao omitir o atributo name de um elemento
Signup and view all the answers
Para criar um botão que não permite a inserção de texto e elementos, qual elemento deve ser utilizado?
Para criar um botão que não permite a inserção de texto e elementos, qual elemento deve ser utilizado?
Signup and view all the answers
Qual atributo deve ser adicionado a um elemento
Qual atributo deve ser adicionado a um elemento
Signup and view all the answers
Qual elemento define uma lista desplegável em um formulário HTML?
Qual elemento define uma lista desplegável em um formulário HTML?
Signup and view all the answers
Para melhorar a acessibilidade, o atributo 'for' em um elemento
Para melhorar a acessibilidade, o atributo 'for' em um elemento
Signup and view all the answers
Qual dos seguintes atributos de um elemento
Qual dos seguintes atributos de um elemento
Signup and view all the answers
Qual é a finalidade do elemento <button> em um formulário HTML?
Qual é a finalidade do elemento <button> em um formulário HTML?
Signup and view all the answers
Qual é a principal diferença entre os métodos HTTP GET e POST ao enviar dados de um formulário?
Qual é a principal diferença entre os métodos HTTP GET e POST ao enviar dados de um formulário?
Signup and view all the answers
O atributo 'action' em um formulário HTML é usado para:
O atributo 'action' em um formulário HTML é usado para:
Signup and view all the answers
Qual dos seguintes elementos HTML é utilizado para agrupar informações relacionadas dentro de um formulário?
Qual dos seguintes elementos HTML é utilizado para agrupar informações relacionadas dentro de um formulário?
Signup and view all the answers
Para usar uma lista suspensa que permite seleção de múltiplas opções, qual elemento HTML deve ser utilizado?
Para usar uma lista suspensa que permite seleção de múltiplas opções, qual elemento HTML deve ser utilizado?
Signup and view all the answers
Qual opção descreve corretamente o que o elemento <input type='password'> faz?
Qual opção descreve corretamente o que o elemento <input type='password'> faz?
Signup and view all the answers
Qual é a função do elemento
Qual é a função do elemento
Signup and view all the answers
O que o atributo 'for' faz em um elemento
O que o atributo 'for' faz em um elemento
Signup and view all the answers
O que caracteriza o método GET do método POST em termos de segurança?
O que caracteriza o método GET do método POST em termos de segurança?
Signup and view all the answers
Qual é a função principal do elemento
Qual é a função principal do elemento
Signup and view all the answers
O que o atributo 'list' no elemento <input> faz?
O que o atributo 'list' no elemento <input> faz?
Signup and view all the answers
O que acontece se o botão for criado com o elemento <button>?
O que acontece se o botão for criado com o elemento <button>?
Signup and view all the answers
Qual é a utilidade do elemento
Qual é a utilidade do elemento
Signup and view all the answers
Qual atributo é utilizado para desativar todos os elementos dentro de um campo
Qual atributo é utilizado para desativar todos os elementos dentro de um campo
Signup and view all the answers
O que o atributo 'type' em um elemento <button> indica?
O que o atributo 'type' em um elemento <button> indica?
Signup and view all the answers
Quais caracteres são visualizados em um campo de entrada definido por <input type='password'>?
Quais caracteres são visualizados em um campo de entrada definido por <input type='password'>?
Signup and view all the answers
Qual é a relação entre o elemento
Qual é a relação entre o elemento
Signup and view all the answers
Qual atributo deve ser utilizado para garantir que o usuário preencha um campo antes de submeter o formulário?
Qual atributo deve ser utilizado para garantir que o usuário preencha um campo antes de submeter o formulário?
Signup and view all the answers
Qual é o propósito do atributo 'pattern' em um campo de entrada?
Qual é o propósito do atributo 'pattern' em um campo de entrada?
Signup and view all the answers
Em qual tipo de entrada o atributo 'multiple' pode ser utilizado?
Em qual tipo de entrada o atributo 'multiple' pode ser utilizado?
Signup and view all the answers
Qual dos seguintes atributos é usado para fornecer uma indicação visual temporária do que deve ser inserido em um campo?
Qual dos seguintes atributos é usado para fornecer uma indicação visual temporária do que deve ser inserido em um campo?
Signup and view all the answers
Qual expressão regular é utilizada pelo atributo 'pattern' para validar um campo do tipo 'email'?
Qual expressão regular é utilizada pelo atributo 'pattern' para validar um campo do tipo 'email'?
Signup and view all the answers
Qual atributo garante que o cursor do usuário esteja posicionado em um campo de entrada quando a página é carregada?
Qual atributo garante que o cursor do usuário esteja posicionado em um campo de entrada quando a página é carregada?
Signup and view all the answers
Qual atributo deve ser aplicado em inputs do tipo 'tel' para garantir um formato específico do número de telefone?
Qual atributo deve ser aplicado em inputs do tipo 'tel' para garantir um formato específico do número de telefone?
Signup and view all the answers
Em quais campos é apropriado utilizar o atributo 'size'?
Em quais campos é apropriado utilizar o atributo 'size'?
Signup and view all the answers
Qual é a função do atributo 'src' na tag ?
Qual é a função do atributo 'src' na tag ?
Signup and view all the answers
Por que o elemento
Por que o elemento
Signup and view all the answers
Qual é um dos principais benefícios do uso do elemento
Qual é um dos principais benefícios do uso do elemento
Signup and view all the answers
O que acontece se o browser não suportar o elemento
O que acontece se o browser não suportar o elemento
Signup and view all the answers
Qual atributo é necessário para os elementos
Qual atributo é necessário para os elementos
Signup and view all the answers
O que significa o valor do atributo href quando está configurado como '#part2'?
O que significa o valor do atributo href quando está configurado como '#part2'?
Signup and view all the answers
Qual das seguintes afirmações sobre a tag é verdadeira?
Qual das seguintes afirmações sobre a tag é verdadeira?
Signup and view all the answers
Qual é a principal característica do tipo de input 'radio'?
Qual é a principal característica do tipo de input 'radio'?
Signup and view all the answers
Qual atributo impede que um campo de entrada seja editável pelo usuário?
Qual atributo impede que um campo de entrada seja editável pelo usuário?
Signup and view all the answers
O que determina o atributo 'srcset' nos elementos
O que determina o atributo 'srcset' nos elementos
Signup and view all the answers
Qual é a função do tipo de input 'file'?
Qual é a função do tipo de input 'file'?
Signup and view all the answers
O que acontece com um campo de entrada configurado como 'disabled'?
O que acontece com um campo de entrada configurado como 'disabled'?
Signup and view all the answers
Qual dos seguintes tipos de input valida automaticamente um endereço de email?
Qual dos seguintes tipos de input valida automaticamente um endereço de email?
Signup and view all the answers
O tipo de input 'color' permite qual funcionalidade específica?
O tipo de input 'color' permite qual funcionalidade específica?
Signup and view all the answers
Qual tipo de input permite ao usuário inserir tanto data quanto hora?
Qual tipo de input permite ao usuário inserir tanto data quanto hora?
Signup and view all the answers
Qual atributo especifica o valor inicial de um campo de entrada?
Qual atributo especifica o valor inicial de um campo de entrada?
Signup and view all the answers
Qual é a função principal do elemento
Qual é a função principal do elemento
Signup and view all the answers
O que deve ser feito para associar corretamente um elemento
O que deve ser feito para associar corretamente um elemento
Signup and view all the answers
Qual atributo é essencial para que os dados de uma lista
Qual atributo é essencial para que os dados de uma lista
Signup and view all the answers
Qual é a função do atributo href em uma hiperligação?
Qual é a função do atributo href em uma hiperligação?
Signup and view all the answers
Qual é a consequência de não adicionar o atributo name a um elemento
Qual é a consequência de não adicionar o atributo name a um elemento
Signup and view all the answers
Qual das seguintes afirmações sobre caminhos relativos é verdadeira?
Qual das seguintes afirmações sobre caminhos relativos é verdadeira?
Signup and view all the answers
Como um atributo selected é utilizado em um elemento
Como um atributo selected é utilizado em um elemento
Signup and view all the answers
Como os espaços em um URL devem ser formatados?
Como os espaços em um URL devem ser formatados?
Signup and view all the answers
Qual atributo deve ser utilizado em um campo de entrada para permitir múltiplos valores em um formulário?
Qual atributo deve ser utilizado em um campo de entrada para permitir múltiplos valores em um formulário?
Signup and view all the answers
O que é necessário no elemento <button> para que ele possa ser clicável em um formulário HTML?
O que é necessário no elemento <button> para que ele possa ser clicável em um formulário HTML?
Signup and view all the answers
Qual dos seguintes elementos não permite a seleção de múltiplas opções diretamente?
Qual dos seguintes elementos não permite a seleção de múltiplas opções diretamente?
Signup and view all the answers
Qual é o formato correto para criar um link para um endereço de correio eletrónico?
Qual é o formato correto para criar um link para um endereço de correio eletrónico?
Signup and view all the answers
Para qual tipo de input é apropriado o uso do atributo 'pattern'?
Para qual tipo de input é apropriado o uso do atributo 'pattern'?
Signup and view all the answers
Em que situação o atributo size é utilizado em um elemento
Em que situação o atributo size é utilizado em um elemento
Signup and view all the answers
O que o atributo 'autofocus' faz em um campo de entrada?
O que o atributo 'autofocus' faz em um campo de entrada?
Signup and view all the answers
Qual é a aparência padrão de uma hiperligação não visitada nos navegadores?
Qual é a aparência padrão de uma hiperligação não visitada nos navegadores?
Signup and view all the answers
O que acontece quando você passa o rato sobre uma hiperligação?
O que acontece quando você passa o rato sobre uma hiperligação?
Signup and view all the answers
Qual desses tipos de input é adequado para o atributo 'required'?
Qual desses tipos de input é adequado para o atributo 'required'?
Signup and view all the answers
Qual das opções abaixo representa um link interno para a mesma página?
Qual das opções abaixo representa um link interno para a mesma página?
Signup and view all the answers
Qual atributo indica uma sugestão de valor esperado em um campo de entrada?
Qual atributo indica uma sugestão de valor esperado em um campo de entrada?
Signup and view all the answers
O que caracteriza uma hiperligação visitada?
O que caracteriza uma hiperligação visitada?
Signup and view all the answers
Qual combinação é correta sobre os atributos e seus tipos de input?
Qual combinação é correta sobre os atributos e seus tipos de input?
Signup and view all the answers
Quando é apropriado usar o atributo 'autocomplete'?
Quando é apropriado usar o atributo 'autocomplete'?
Signup and view all the answers
Qual descrita corretamente o uso do atributo 'size' em um campo de entrada?
Qual descrita corretamente o uso do atributo 'size' em um campo de entrada?
Signup and view all the answers
Qual é a característica principal do atributo sandbox quando vazio?
Qual é a característica principal do atributo sandbox quando vazio?
Signup and view all the answers
Como o atributo title no iframe é relevante para a acessibilidade?
Como o atributo title no iframe é relevante para a acessibilidade?
Signup and view all the answers
Qual das funções é desempenhada pelo sandbox quando aplicado a um iframe?
Qual das funções é desempenhada pelo sandbox quando aplicado a um iframe?
Signup and view all the answers
O que significa 'tratar o conteúdo como sendo de uma origem única' no contexto do sandbox?
O que significa 'tratar o conteúdo como sendo de uma origem única' no contexto do sandbox?
Signup and view all the answers
Qual é uma das finalidades do uso de formulários HTML?
Qual é uma das finalidades do uso de formulários HTML?
Signup and view all the answers
Qual é o impacto da validação do lado do cliente nos formulários HTML?
Qual é o impacto da validação do lado do cliente nos formulários HTML?
Signup and view all the answers
Qual dos seguintes não é um resultado da aplicação do atributo sandbox em um iframe?
Qual dos seguintes não é um resultado da aplicação do atributo sandbox em um iframe?
Signup and view all the answers
Para que serve o atributo src em um iframe?
Para que serve o atributo src em um iframe?
Signup and view all the answers
Study Notes
HTML - Links
- Links são facilmente reconhecíveis porque o cursor muda para uma mão quando o rato passa sobre uma hiperligação.
- Uma hiperligação não precisa ser texto, pode ser uma imagem ou outro elemento HTML.
- O atributo
href
é o mais importante do elemento<a>
, indicando o destino da hiperligação. - Hiperligações (links) normalmente aparecem desta forma em navegadores:
- Uma ligação não visitada é sublinhada e azul.
- Uma hiperligação visitada é sublinhada e roxa.
- Uma ligação ativa é sublinhada e vermelha.
- A página de destino é, geralmente, exibida na janela atual do navegador, exceto quando outro destino é especificado.
- Caminho absoluto:
href="https://www.…"
, referência a um documento na web alojado em um servidor diferente. - Caminho relativo:
href="/caminho…"
, referência a um arquivo (imagem, HTML,…) no mesmo servidor do site. -
../
: Aciona a pasta superior na estrutura de diretórios.
HTML - Formulários
- Usado para coletar dados do usuário; os dados são enviados a um servidor para processamento.
- Permite coletar dados de usuário usando diversos elementos(ex: texto, senha, etc.).
- Estrutura elementos para entrada de dados.
- Permite ações para apresentação de dados após envio de formulário.
- Suporte para validação do lado do cliente.
- Elementos
HTML <form>
:-
label
: DescreveHTML <form>
elements . -
input
: Coletar dados de vários tipos. -
button
: Botão que dispara ações no formulário. -
select
: Cria listas dropdown. -
textarea
: Para textos longos. -
fieldset
: Agrupa elementos relacionados. -
legend
: Descrevefieldset
. -
datalist
: Lista de opções pré-definidas. -
output
: Mostra cálculos e resultados. -
option
: Opções para listas dropdown. -
optgroup
: Agrupa opções em listas dropdown.
-
HTML - Atributos <form>
-
action
: Ação executada quando o formulário é enviado. Normalmente, envio dos dados para um arquivo no servidor. -
target
: Local onde a resposta será exibida._blank
,_self
,_parent
,_top
, ou um nome deiframe
. -
autocomplete
: Habilitar ou desabilitar preenchimento automático de formulários. -
novalidate
: Desabilita validação dos dados do formulário. -
method
: Define qual o método HTTP ("get" ou "post").-
GET
: Anexa dados ao URL (não recomendado para dados sensíveis por causa da visibilidade). -
POST
: Envia dados no corpo do pedido HTTP. Mais seguro para dados confidenciais.
-
HTML - Elementos <form>
-
input
: Vários tipos de entrada de dados (texto, senha, checkboxes, radios, etc.). -
label
: Para descrever elementos de entrada, facilitando a navegação para deficientes visuais. -
select
: Criar menus dropdown, permitindo selecionar apenas uma ou múltiplas opções.option
define as opções. -
optgroup
: Agrupar opções em menus dropdown para melhor organização.
HTML - Elementos <iframe>
-
iframe
: Define um "frame" interno para exibir outro documento HTML dentro da página. -
src
: Localização do documento a ser exibido noiframe
. -
sandbox
: Restrições adicionais sobre o conteúdo doiframe
. Previne acesso a recursos externos.
HTML - Elementos
-
<video>
: Exibe vídeos na página web. -
controls
: Adiciona controles de reprodução ao vídeo (play, pause, volume). -
src
: Define o endereço do arquivo de vídeo. -
width
eheight
: Definir tamanho em píxeis. -
type
: Define o tipo de arquivo (ex.,video/mp4
).
HTML - Elementos
-
<audio>
: Reproduz áudio. -
controls
: Controladores de áudio. -
src
etype
: Especificam endereço do arquivo e seu tipo (ex. MP3).
HTML - Elementos
-
<picture>
: Permite a exibição de imagens diferentes, dependendo do dispositivo ou do tamanho da tela do usuário. -
<source>
: Define diferentes versões de uma imagem para tamanhos de tela distintos. -
<img>
: Imagem principal, se nenhuma das tags<source>
for compatível.
HTML - Elementos
-
<img>
: Inclui imagens em uma página. -
src
: Endereço da imagem. -
alt
: Texto alternativo da imagem para usuários que não podem visualizá-la. -
width
eheight
: Definem as dimensões da imagem.
HTML - Elementos <form>
-
<datalist>
: Fornece uma lista pré-definida de opções. Útil para preenchimento automático. -
<fieldset>
: Um contêiner que agrupa os elementos de um formulário, muitas vezes organizando-os em seções distintas. -
<legend>
: Uma legenda que descreve ofieldset
.
HTML - Tipos de Input
-
<input type="text">
: Campo de texto simples. -
<input type="password">
: Campo de senha; os caracteres são ocultos. -
<input type="submit">
: Botão para enviar o formulário. -
<input type="reset">
: Redefine todos os campos do formulário para seus valores padrão. -
<input type="radio">
: Botões de opção; apenas um pode ser selecionado. -
<input type="checkbox">
: Caixa de seleção; podem ser selecionadas várias opções. -
<input type="color">
: Seleciona uma cor. -
<input type="date">
: Seleciona uma data. -
<input type="datetime-local">
: Seleciona uma data e hora. -
<input type="email">
: Campo para endereços de email. -
<input type="file">
: Permite ao usuário selecionar um ou mais arquivos para upload. -
<input type="image">
: Imagem para usar como botão de submissão. -
<input type="number">
: Campo de número. Permite definir limites mínimo e máximo. -
<input type="tel">
: Campo para números de telefone. -
<input type="time">
: Campo para selecionar horário. -
<input type="url">
: Campo para URLs. -
<input type="button">
: Botão que executa uma ação. Não funciona como submit. -
name
: Identifica o elemento de input no formulário durante a submissão. -
id
: Id único para associar comlabel
, importante para acessibilidade.
HTML - YouTube Vídeos
-
<iframe>
: Serve para incorporar conteúdo de outros sites, incluindo vídeos do YouTube. -
width
eheight
: Especificam dimensões para adequação visual. -
src
: Endereço do vídeo do YouTube a ser incorporado. Parâmetros podem ser adicionados apóssrc
para controles (ex.,autoplay
,mute
,controls
).
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 e formulários em HTML. Aprenda sobre a importância do atributo href e como funcionam as ligações em diferentes estados. Além disso, descubra como os formulários são usados para coletar dados dos usuários.