HTML5 Flashcards
Qual a função da tag <ol>?
Criar uma lista ordenada com itens numerados ou sequenciados.
Quais atributos podem ser usados na tag <ol>?
start, type, reversed.
Qual a diferença entre <ul> e <ol>?
<ul> cria listas não ordenadas, <ol> cria listas ordenadas.
</ol></ul>
Para que serve a tag <dl>?
Criar uma lista de definições com termos (<dt>) e descrições (<dd>).
Para que serve o atributo alt na tag <img></img>?
Fornece texto descritivo para a imagem, importante para acessibilidade, além de servir para quando a imagem não carrega.
O que faz o atributo target=”_blank” na tag <a>?</a>
Abre o link em uma nova aba do navegador.
Quais elementos compõem uma tabela HTML?
<table>, <tr>, <th>, <td>.
</td></th></tr></table>
Quais são os métodos HTTP usados no atributo method do <form>?
GET e POST.
Qual a diferença entre <input></input> e <textarea>?</textarea>
<input></input> é para texto curto, <textarea> é para texto longo.</textarea>
Para que serve a tag <select>?</select>
Criar uma lista suspensa com opções (<option>).</option>
Como associar uma lista de sugestões a um campo <input></input>?
Usando a tag <datalist> com o atributo list do <input></input>.</datalist>
Qual a função da tag <fieldset>?
Agrupar elementos relacionados dentro de um formulário.
Por exemplo, um formulário de cadastro em uma determinada plataforma exige dados pessoais e dados pessoais. É interessante segregar esses dados dentro do formulário.
Para que serve a tag <header>?
Definir o cabeçalho de uma página ou seção.
Qual a função da tag <nav>?
Agrupar links de navegação, como menus.
Quando usar a tag <main>?
Para definir o conteúdo principal da página.
Qual a diferença entre <section> e <article>?
<section> agrupa conteúdo relacionado, <article> é para conteúdo independente.
</article></section>
Para que serve a tag <aside>?
Exibir conteúdo complementar, como barras laterais ou dicas.
Para que serve a tag <figure> e <figcaption>?</figure>
<figure> agrupa mídia e <figcaption> adiciona uma legenda.
</figcaption></figure>
O que a tag <details> permite criar?</details>
Seções expansíveis/colapsáveis com título definido por <summary>.
Qual a estrutura básica de um documento HTML5?
<!DOCTYPE html>, <html>, <head>, <body>.
Para que serve o atributo placeholder?
Exibir uma dica dentro de campos <input></input>.
Para que serve o atributo required?
Tornar o preenchimento do campo obrigatório.
O que faz o atributo pattern em um campo <input></input>?
Valida o formato dos dados com uma expressão regular.
Qual a diferença entre os atributos autofocus e autocomplete?
autofocus foca no campo automaticamente, autocomplete sugere valores previamente preenchidos.
