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.
Um formulário HTML é utilizado para recolher dados do _____ do utilizador.
Um formulário HTML é utilizado para recolher dados do _____ do utilizador.
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.
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.
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.
O atributo ______ inicia automaticamente o vídeo.
O atributo ______ inicia automaticamente o vídeo.
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 ___ .
Ao usar ______ muted, o vídeo inicia sem som.
Ao usar ______ muted, o vídeo inicia sem som.
A tag HTML ___ é utilizada para incorporar uma imagem numa página web.
A tag HTML ___ é utilizada para incorporar uma imagem numa página web.
O elemento ______ permite reproduzir um ficheiro de áudio numa página web.
O elemento ______ permite reproduzir um ficheiro de áudio numa página web.
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.
O atributo ______ adiciona controlos de áudio, como reprodução e pausa.
O atributo ______ adiciona controlos de áudio, como reprodução e pausa.
O elemento ______ permite especificar ficheiros de áudio alternativos.
O elemento ______ permite especificar ficheiros de áudio alternativos.
A tag img tem dois atributos obrigatórios: src e ___ .
A tag img tem dois atributos obrigatórios: src e ___ .
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ã.
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.
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.
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.
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.
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.
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.
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!
O elemento
O elemento
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.
O elemento
O elemento
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.
Para definir uma opção pré-selecionada, adicionar o atributo ______ à opção.
Para definir uma opção pré-selecionada, adicionar o atributo ______ à opção.
O elemento <button> define um botão ______.
O elemento <button> define um botão ______.
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 ______.
O elemento
O elemento
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.
O elemento
O elemento
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.
O elemento <input type='___'> define um campo de entrada para palavras passe.
O elemento <input type='___'> define um campo de entrada para palavras passe.
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.
O atributo <___> indica ao browser que tipo de botão se trata.
O atributo <___> indica ao browser que tipo de botão se trata.
O elemento <input> define um campo de entrada de <___>, de uma linha.
O elemento <input> define um campo de entrada de <___>, de uma linha.
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.
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.
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.
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.
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.
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.
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.
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.
Qual a função do atributo sandbox no elemento iframe?
Qual a função do atributo sandbox no elemento iframe?
Qual a consequência de um iframe com o atributo sandbox vazio?
Qual a consequência de um iframe com o atributo sandbox vazio?
Qual é a finalidade principal de um formulário HTML?
Qual é a finalidade principal de um formulário HTML?
O que ocorre se um iframe não tiver o atributo title?
O que ocorre se um iframe não tiver o atributo title?
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?
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?
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?
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?
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?
Como os espaços em um URL devem ser representados?
Como os espaços em um URL devem ser representados?
Qual é a função de um caminho relativo em HTML?
Qual é a função de um caminho relativo em HTML?
Para que serve o atributo 'href' em uma hiperligação?
Para que serve o atributo 'href' em uma hiperligação?
Qual é a aparência padrão de uma hiperligações visitada?
Qual é a aparência padrão de uma hiperligações visitada?
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?
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?
Qual a função principal do elemento
Qual a função principal do elemento
O que acontece ao omitir o atributo name de um elemento
O que acontece ao omitir o atributo name de um elemento
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?
Qual atributo deve ser adicionado a um elemento
Qual atributo deve ser adicionado a um elemento
Qual elemento define uma lista desplegável em um formulário HTML?
Qual elemento define uma lista desplegável em um formulário HTML?
Para melhorar a acessibilidade, o atributo 'for' em um elemento
Para melhorar a acessibilidade, o atributo 'for' em um elemento
Qual dos seguintes atributos de um elemento
Qual dos seguintes atributos de um elemento
Qual é a finalidade do elemento <button> em um formulário HTML?
Qual é a finalidade do elemento <button> em um formulário HTML?
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?
O atributo 'action' em um formulário HTML é usado para:
O atributo 'action' em um formulário HTML é usado para:
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?
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?
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?
Qual é a função do elemento
Qual é a função do elemento
O que o atributo 'for' faz em um elemento
O que o atributo 'for' faz em um elemento
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?
Qual é a função principal do elemento
Qual é a função principal do elemento
O que o atributo 'list' no elemento <input> faz?
O que o atributo 'list' no elemento <input> faz?
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>?
Qual é a utilidade do elemento
Qual é a utilidade do elemento
Qual atributo é utilizado para desativar todos os elementos dentro de um campo
Qual atributo é utilizado para desativar todos os elementos dentro de um campo
O que o atributo 'type' em um elemento <button> indica?
O que o atributo 'type' em um elemento <button> indica?
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'>?
Qual é a relação entre o elemento
Qual é a relação entre o elemento
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?
Qual é o propósito do atributo 'pattern' em um campo de entrada?
Qual é o propósito do atributo 'pattern' em um campo de entrada?
Em qual tipo de entrada o atributo 'multiple' pode ser utilizado?
Em qual tipo de entrada o atributo 'multiple' pode ser utilizado?
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?
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'?
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?
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?
Em quais campos é apropriado utilizar o atributo 'size'?
Em quais campos é apropriado utilizar o atributo 'size'?
Qual é a função do atributo 'src' na tag ![]()
?
Qual é a função do atributo 'src' na tag ?
Por que o elemento é utilizado?
Por que o elemento
Qual é um dos principais benefícios do uso do elemento ?
Qual é um dos principais benefícios do uso do elemento
O que acontece se o browser não suportar o elemento ?
O que acontece se o browser não suportar o elemento
Qual atributo é necessário para os elementos para determinar a imagem apropriada?
Qual atributo é necessário para os elementos
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'?
Qual das seguintes afirmações sobre a tag ![]()
é verdadeira?
Qual das seguintes afirmações sobre a tag é verdadeira?
Qual é a principal característica do tipo de input 'radio'?
Qual é a principal característica do tipo de input 'radio'?
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?
O que determina o atributo 'srcset' nos elementos dentro do ?
O que determina o atributo 'srcset' nos elementos
Qual é a função do tipo de input 'file'?
Qual é a função do tipo de input 'file'?
O que acontece com um campo de entrada configurado como 'disabled'?
O que acontece com um campo de entrada configurado como 'disabled'?
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?
O tipo de input 'color' permite qual funcionalidade específica?
O tipo de input 'color' permite qual funcionalidade específica?
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?
Qual atributo especifica o valor inicial de um campo de entrada?
Qual atributo especifica o valor inicial de um campo de entrada?
Qual é a função principal do elemento
Qual é a função principal do elemento
O que deve ser feito para associar corretamente um elemento
O que deve ser feito para associar corretamente um elemento
Qual atributo é essencial para que os dados de uma lista
Qual atributo é essencial para que os dados de uma lista
Qual é a função do atributo href em uma hiperligação?
Qual é a função do atributo href em uma hiperligação?
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
Qual das seguintes afirmações sobre caminhos relativos é verdadeira?
Qual das seguintes afirmações sobre caminhos relativos é verdadeira?
Como um atributo selected é utilizado em um elemento
Como um atributo selected é utilizado em um elemento
Como os espaços em um URL devem ser formatados?
Como os espaços em um URL devem ser formatados?
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?
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?
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?
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?
Para qual tipo de input é apropriado o uso do atributo 'pattern'?
Para qual tipo de input é apropriado o uso do atributo 'pattern'?
Em que situação o atributo size é utilizado em um elemento
Em que situação o atributo size é utilizado em um elemento
O que o atributo 'autofocus' faz em um campo de entrada?
O que o atributo 'autofocus' faz em um campo de entrada?
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?
O que acontece quando você passa o rato sobre uma hiperligação?
O que acontece quando você passa o rato sobre uma hiperligação?
Qual desses tipos de input é adequado para o atributo 'required'?
Qual desses tipos de input é adequado para o atributo 'required'?
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?
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?
O que caracteriza uma hiperligação visitada?
O que caracteriza uma hiperligação visitada?
Qual combinação é correta sobre os atributos e seus tipos de input?
Qual combinação é correta sobre os atributos e seus tipos de input?
Quando é apropriado usar o atributo 'autocomplete'?
Quando é apropriado usar o atributo 'autocomplete'?
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?
Qual é a característica principal do atributo sandbox quando vazio?
Qual é a característica principal do atributo sandbox quando vazio?
Como o atributo title no iframe é relevante para a acessibilidade?
Como o atributo title no iframe é relevante para a acessibilidade?
Qual das funções é desempenhada pelo sandbox quando aplicado a um iframe?
Qual das funções é desempenhada pelo sandbox quando aplicado a um iframe?
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?
Qual é uma das finalidades do uso de formulários HTML?
Qual é uma das finalidades do uso de formulários HTML?
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?
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?
Para que serve o atributo src em um iframe?
Para que serve o atributo src em um iframe?
Flashcards
Elemento iframe
Elemento iframe
Um elemento HTML que cria um quadro (inline frame) para exibir outro documento HTML dentro de uma página.
Atributo title (iframe)
Atributo title (iframe)
Atributo essencial para os leitores de tela, descrevendo o conteúdo do iframe.
Atributo sandbox
Atributo sandbox
Um atributo que adiciona restrições ao conteúdo de um iframe, controlando seu comportamento.
Restrições do sandbox
Restrições do sandbox
Signup and view all the flashcards
Formulário HTML
Formulário HTML
Signup and view all the flashcards
Validação do formulário (cliente)
Validação do formulário (cliente)
Signup and view all the flashcards
iframe src
iframe src
Signup and view all the flashcards
Elemento audio HTML
Elemento audio HTML
Signup and view all the flashcards
Atributo controls
Atributo controls
Signup and view all the flashcards
Atributo autoplay
Atributo autoplay
Signup and view all the flashcards
Atributo autoplay muted
Atributo autoplay muted
Signup and view all the flashcards
Elemento source
Elemento source
Signup and view all the flashcards
Elemento iframe
Elemento iframe
Signup and view all the flashcards
ID do vídeo do YouTube
ID do vídeo do YouTube
Signup and view all the flashcards
Atributo src (iframe)
Atributo src (iframe)
Signup and view all the flashcards
Controlos de vídeo YouTube
Controlos de vídeo YouTube
Signup and view all the flashcards
Atributo href (#)
Atributo href (#)
Signup and view all the flashcards
Valor href
Valor href
Signup and view all the flashcards
Tag img
Tag img
Signup and view all the flashcards
Atributo src (img)
Atributo src (img)
Signup and view all the flashcards
Atributo alt (img)
Atributo alt (img)
Signup and view all the flashcards
Tag picture
Tag picture
Signup and view all the flashcards
Tag source (picture)
Tag source (picture)
Signup and view all the flashcards
Atributo srcset
Atributo srcset
Signup and view all the flashcards
Atributo media (source)
Atributo media (source)
Signup and view all the flashcards
Tag img (picture)
Tag img (picture)
Signup and view all the flashcards
Elemento legend
Elemento legend
Signup and view all the flashcards
Elemento fieldset
Elemento fieldset
Signup and view all the flashcards
Atributo disabled (fieldset)
Atributo disabled (fieldset)
Signup and view all the flashcards
Atributo form (fieldset)
Atributo form (fieldset)
Signup and view all the flashcards
Atributo name (fieldset)
Atributo name (fieldset)
Signup and view all the flashcards
Elemento datalist
Elemento datalist
Signup and view all the flashcards
input type="text"
input type="text"
Signup and view all the flashcards
input type="password"
input type="password"
Signup and view all the flashcards
input type="submit"
input type="submit"
Signup and view all the flashcards
Elemento button
Elemento button
Signup and view all the flashcards
Atributo type (button)
Atributo type (button)
Signup and view all the flashcards
Elemento <form>
Elemento <form>
Signup and view all the flashcards
Elemento <label>
Elemento <label>
Signup and view all the flashcards
Atributo for em <label>
Atributo for em <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 selected em <option>
Atributo selected em <option>
Signup and view all the flashcards
Atributo size em <select>
Atributo size em <select>
Signup and view all the flashcards
Atributo multiple em <select>
Atributo multiple em <select>
Signup and view all the flashcards
Atributo name em <select>
Atributo name em <select>
Signup and view all the flashcards
Atributo id em <select>
Atributo id em <select>
Signup and view all the flashcards
Elemento <button>
Elemento <button>
Signup and view all the flashcards
Botão Reset
Botão Reset
Signup and view all the flashcards
Botões de Opção
Botões de Opção
Signup and view all the flashcards
Caixa de Seleção
Caixa de Seleção
Signup and view all the flashcards
Botão (button)
Botão (button)
Signup and view all the flashcards
Input de cor
Input de cor
Signup and view all the flashcards
Input de Data
Input de Data
Signup and view all the flashcards
Input de Data e Hora
Input de Data e Hora
Signup and view all the flashcards
Input de Email
Input de Email
Signup and view all the flashcards
Input de Imagem (como botão)
Input de Imagem (como botão)
Signup and view all the flashcards
Input de Arquivo
Input de Arquivo
Signup and view all the flashcards
Atributo value
Atributo value
Signup and view all the flashcards
Atributo readonly
Atributo readonly
Signup and view all the flashcards
Atributo disabled
Atributo disabled
Signup and view all the flashcards
Elemento iframe
Elemento iframe
Signup and view all the flashcards
Atributo title (iframe)
Atributo title (iframe)
Signup and view all the flashcards
Atributo sandbox
Atributo sandbox
Signup and view all the flashcards
Restrições do sandbox
Restrições do sandbox
Signup and view all the flashcards
Formulário HTML
Formulário HTML
Signup and view all the flashcards
Validação do formulário (cliente)
Validação do formulário (cliente)
Signup and view all the flashcards
iframe src
iframe src
Signup and view all the flashcards
Hiperligações (Links)
Hiperligações (Links)
Signup and view all the flashcards
Atributo href
Atributo href
Signup and view all the flashcards
Caminho absoluto
Caminho absoluto
Signup and view all the flashcards
Caminho relativo
Caminho relativo
Signup and view all the flashcards
"../"
"../"
Signup and view all the flashcards
Link interno
Link interno
Signup and view all the flashcards
Link para email
Link para email
Signup and view all the flashcards
Link em novo separador/janela
Link em novo separador/janela
Signup and view all the flashcards
Elemento <form>
Elemento <form>
Signup and view all the flashcards
Elemento <label>
Elemento <label>
Signup and view all the flashcards
Atributo for em <label>
Atributo for em <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 selected em <option>
Atributo selected em <option>
Signup and view all the flashcards
Atributo size em <select>
Atributo size em <select>
Signup and view all the flashcards
Atributo multiple em <select>
Atributo multiple em <select>
Signup and view all the flashcards
Atributo name em <select>
Atributo name em <select>
Signup and view all the flashcards
Atributo id em <select>
Atributo id em <select>
Signup and view all the flashcards
Elemento <button>
Elemento <button>
Signup and view all the flashcards
Botão Reset
Botão Reset
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
Tamanho do Campo de Entrada
Tamanho do Campo de Entrada
Signup and view all the flashcards
Campo Input "multiple"
Campo Input "multiple"
Signup and view all the flashcards
Expressão Regular (pattern)
Expressão Regular (pattern)
Signup and view all the flashcards
Placeholder
Placeholder
Signup and view all the flashcards
Campo Obrigatório
Campo Obrigatório
Signup and view all the flashcards
Autofoco
Autofoco
Signup and view all the flashcards
Preenchimento automático
Preenchimento automático
Signup and view all the flashcards
Elemento Formulário
Elemento Formulário
Signup and view all the flashcards
Elemento label
Elemento label
Signup and view all the flashcards
Atributo for (label)
Atributo for (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 selected (option)
Atributo selected (option)
Signup and view all the flashcards
Atributo size (select)
Atributo size (select)
Signup and view all the flashcards
Botão
Botão
Signup and view all the flashcards
Atributo name (select)
Atributo name (select)
Signup and view all the flashcards
Atributo name (e outros elementos do formulário)
Atributo name (e outros elementos do formulário)
Signup and view all the flashcards
Elemento legend
Elemento legend
Signup and view all the flashcards
Elemento fieldset
Elemento fieldset
Signup and view all the flashcards
Atributo disabled (fieldset)
Atributo disabled (fieldset)
Signup and view all the flashcards
Atributo form (fieldset)
Atributo form (fieldset)
Signup and view all the flashcards
Atributo name (fieldset)
Atributo name (fieldset)
Signup and view all the flashcards
Elemento datalist
Elemento datalist
Signup and view all the flashcards
input type="text"
input type="text"
Signup and view all the flashcards
input type="password"
input type="password"
Signup and view all the flashcards
input type="submit"
input type="submit"
Signup and view all the flashcards
Elemento button
Elemento button
Signup and view all the flashcards
Atributo type (button)
Atributo type (button)
Signup and view all the flashcards
Elemento iframe
Elemento iframe
Signup and view all the flashcards
Atributo title (iframe)
Atributo title (iframe)
Signup and view all the flashcards
Atributo src (iframe)
Atributo src (iframe)
Signup and view all the flashcards
Atributo sandbox
Atributo sandbox
Signup and view all the flashcards
Restrições sandbox
Restrições sandbox
Signup and view all the flashcards
Formulário HTML
Formulário HTML
Signup and view all the flashcards
Validação formulário (cliente)
Validação formulário (cliente)
Signup and view all the flashcards
Hiperligações (Links)
Hiperligações (Links)
Signup and view all the flashcards
Atributo href
Atributo href
Signup and view all the flashcards
Caminho absoluto
Caminho absoluto
Signup and view all the flashcards
Caminho relativo
Caminho relativo
Signup and view all the flashcards
"../"
"../"
Signup and view all the flashcards
Link interno
Link interno
Signup and view all the flashcards
Hiperligações (Links)
Hiperligações (Links)
Signup and view all the flashcards
Atributo href
Atributo href
Signup and view all the flashcards
Caminho absoluto
Caminho absoluto
Signup and view all the flashcards
Caminho relativo
Caminho relativo
Signup and view all the flashcards
../
../
Signup and view all the flashcards
Link interno
Link interno
Signup and view all the flashcards
Link para email
Link para email
Signup and view all the flashcards
Nova janela/separador
Nova janela/separador
Signup and view all the flashcards
Atributo href (#)
Atributo href (#)
Signup and view all the flashcards
Valor href (#)
Valor href (#)
Signup and view all the flashcards
Atributo href (#)
Atributo href (#)
Signup and view all the flashcards
Valor href
Valor href
Signup and view all the flashcards
Tag img
Tag img
Signup and view all the flashcards
Atributo src (img)
Atributo src (img)
Signup and view all the flashcards
Atributo alt (img)
Atributo alt (img)
Signup and view all the flashcards
Tag picture
Tag picture
Signup and view all the flashcards
Tag source (picture)
Tag source (picture)
Signup and view all the flashcards
Atributo srcset
Atributo srcset
Signup and view all the flashcards
Atributo media (source)
Atributo media (source)
Signup and view all the flashcards
Tag img (picture)
Tag img (picture)
Signup and view all the flashcards
Tamanho do Campo
Tamanho do Campo
Signup and view all the flashcards
Input 'multiple'
Input 'multiple'
Signup and view all the flashcards
Expressão Regular (pattern)
Expressão Regular (pattern)
Signup and view all the flashcards
Placeholder
Placeholder
Signup and view all the flashcards
Campo Obrigatório
Campo Obrigatório
Signup and view all the flashcards
Autofoco
Autofoco
Signup and view all the flashcards
Preenchimento Automático
Preenchimento Automático
Signup and view all the flashcards
Elemento Formulário
Elemento Formulário
Signup and view all the flashcards
Elemento label
Elemento label
Signup and view all the flashcards
Atributo for (label)
Atributo for (label)
Signup and view all the flashcards
Método POST
Método POST
Signup and view all the flashcards
Método GET
Método GET
Signup and view all the flashcards
Elemento <label>
Elemento <label>
Signup and view all the flashcards
Atributo for em <label>
Atributo for em <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 selected em <option>
Atributo selected em <option>
Signup and view all the flashcards
Atributo size em <select>
Atributo size em <select>
Signup and view all the flashcards
Atributo multiple em <select>
Atributo multiple em <select>
Signup and view all the flashcards
Atributo name em <select>
Atributo name em <select>
Signup and view all the flashcards
Atributo id em <select>
Atributo id em <select>
Signup and view all the flashcards
Elemento <button>
Elemento <button>
Signup and view all the flashcards
Botao Reset
Botao Reset
Signup and view all the flashcards
Input type="text"
Input type="text"
Signup and view all the flashcards
Input type="password"
Input type="password"
Signup and view all the flashcards
Input type="submit"
Input type="submit"
Signup and view all the flashcards
Elemento button
Elemento button
Signup and view all the flashcards
Elemento form
Elemento form
Signup and view all the flashcards
Elemento label
Elemento label
Signup and view all the flashcards
Atributo for (label)
Atributo for (label)
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="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
Atributo value
Signup and view all the flashcards
Atributo readonly
Atributo readonly
Signup and view all the flashcards
Atributo disabled
Atributo disabled
Signup and view all the flashcards
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.optiondefine 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.widtheheight: Definir tamanho em píxeis.type: Define o tipo de arquivo (ex.,video/mp4).
HTML - Elementos
<audio>: Reproduz áudio.controls: Controladores de áudio.srcetype: 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.widtheheight: 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.widtheheight: Especificam dimensões para adequação visual.src: Endereço do vídeo do YouTube a ser incorporado. Parâmetros podem ser adicionados apóssrcpara 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.
