Define uma seção que é citada de outra fonte
```

```

Define o corpo do documento
```

```

Define uma quebra de linha única
```


```

Define um botão clicável
```

```

Usado para desenhar gráficos, em tempo real, via script (geralmente JavaScript)
```

```

Define uma legenda de tabela
```

```

Não suportado em HTML5. Use CSS em vez disso. Define texto centralizado
```

```

Define o título de uma obra
```

```

Define um pedaço de código de computador
```

```

Especifica as propriedades da coluna para cada coluna dentro de um elemento
```

```

Especifica um grupo de uma ou mais colunas em uma tabela para formatação
```

```

Adiciona uma tradução legível por máquina de um determinado conteúdo
```

```

Especifica uma lista de opções predefinidas para controles de entrada
```

```

Define uma descrição/valor de um termo em uma lista de descrição
```

```

Define o texto que foi excluído de um documento
```

```

Define detalhes adicionais que o usuário pode visualizar ou ocultar
```

```

Especifica um termo que será definido no conteúdo
```

```

Define uma caixa de diálogo ou janela
```

```

Não suportado em HTML5. Use ```

``` em vez disso. Define uma lista de diretórios
```

```

Define uma seção em um documento
```



```
Define uma lista de descrição
```


```
Define um termo/nome em uma lista de descrição
```


```
Define o texto enfatizado
```

```
Define um contêiner para um aplicativo externo
```
```
Agrupa elementos relacionados em um formulário
```
```
Define uma legenda para um elemento ``````
```
```
Especifica o conteúdo independente
```
```
Não suportado em HTML5. Use CSS em vez disso. Define fonte, cor e tamanho para o texto
```
```
Define um rodapé para um documento ou seção
```
```
Define um formulário HTML para entrada do usuário
```
```
Não suportado em HTML5. Define uma janela (iframe) em um conjunto de quadros
```
```
Não suportado em HTML5. Define um conjunto de quadros
```
```
Define cabeçalhos HTML
```

to

```
Contém metadados/informações para o documento
```
```
Define um cabeçalho para um documento ou seção
```
```
Define uma mudança temática no conteúdo
```

---

```
Define a raiz de um documento HTML
```
```
Define uma parte do texto em uma voz ou humor alternativo
```

```
Define um quadro embutido
```
```
Define uma imagem
```

```
Define um controle de entrada
```
```
Define um texto que foi inserido em um documento
```

```
Define a entrada do teclado
```

```
Define um rótulo para um elemento ``````
```
```
Define uma legenda para um elemento ``````
```
```
Define um item de lista
```


```
Define a relação entre um documento e um recurso externo (mais usado para vincular a folhas de estilo)
```
```
Especifica o conteúdo principal de um documento
```
```
Define um mapa de imagem
```
```
Define o texto marcado/destacado
```

```
Define metadados sobre um documento HTML
```
```
Define uma medida escalar dentro de um intervalo conhecido (um medidor)
```
```
Define links de navegação
```
```
Não suportado em HTML5. Define um conteúdo alternativo para usuários que não suportam frames
```
```
Define um conteúdo alternativo para usuários que não suportam scripts do lado do cliente
```
```
Define um contêiner para um aplicativo externo
```
```
Define uma lista ordenada
```


```

Define um grupo de opções relacionadas em uma lista suspensa
```

```

Define uma opção em uma lista suspensa
```

```

Define o resultado de um cálculo
```

```

Define um parágrafo
```



```

Define um parâmetro para um objeto
```

```

Define um contêiner para vários recursos de imagem
```

```

Define texto pré-formatado
```


```


Representa o progresso de uma tarefa

```

```

Define uma cotação curta

```

```

Define o que mostrar em navegadores que não suportam anotações ruby

```

```

Define uma explicação/pronúncia de caracteres (para tipografia do Leste Asiático)

```

```

Define uma anotação rubi (para tipografia do Leste Asiático)

```

```

Define o texto que não está mais correto

```

```

Define a saída de amostra de um programa de computador

```



```

Define um script do lado do cliente

```

```

Define uma seção em um documento

```

<section>

```

Define uma lista suspensa

```

<select>

```

Define texto menor

```

<small>

```

Define vários recursos de mídia para elementos de mídia (```<video>``` e ```<audio>```)

```

<source>

```

Define uma seção em um documento

```

<span>

```

<span style="color:red">Não suportado em HTML5</span>. Use ```<del>``` ou ```<s>``` em vez disso. Define o texto tachado

```

<strike>

```

Define texto importante

```

<strong>

```

Define informações de estilo para um documento

```

<style>

```

Define o texto subscrito

```

<sub>

```

Define um cabeçalho visível para um elemento ```<details>```

```

<summary>

```

Define texto sobrescrito

```

<sup>

```

Define um contêiner para gráficos SVG

```

<svg>

```

Define uma tabela

```

<table>

```

Agrupa o conteúdo do corpo em uma tabela

```

<tbody>

```

Define uma célula em uma tabela

```

<td>

```

Define um contêiner para o conteúdo que deve ficar oculto quando a página for carregada

```

<template>

```

Define um controle de entrada multilinha (texto em área)

```

<textarea>

```

Agrupa o conteúdo do rodapé em uma tabela

```

<tfoot>

```

Define uma célula de cabeçalho em uma tabela

```

<th>

```

Agrupa o conteúdo do cabeçalho em uma tabela

```

<thead>

```

Define uma hora específica (ou datetime)

```

<time>

```

Define um título para o documento

```

<title>

```

Define uma linha em uma tabela

```

<tr>

```

Define faixas de texto para elementos de mídia (```<video>``` e ```<audio>```)

```

<track>

```

<span style="color:red">Não suportado em HTML5</span>. Use CSS em vez disso. Define o texto do teletipo

```

<tt>

```

Define algum texto não articulado e com estilo diferente do texto normal

```

<u>

```

Define uma lista não ordenada

```

<ul>

```

Define uma variável

```

<var>

```

Define o conteúdo de vídeo incorporado

```

<video>

```

Define uma possível quebra de linha

```

<wbr>

```

## Ferramentas

### Gerar Meta Tags 

- Isso é necessário quando você quer melhorar o SEO de seu site.

    - [Seoptimer](https://www.seoptimer.com/meta-tag-generator?origem=https://www.youtube.com/channel/UC_TXbxNKS3aU-_EwFcgCYjA)

    - [Meta Tags](https://metatags.io?origem=https://www.youtube.com/channel/UC_TXbxNKS3aU-_EwFcgCYjA)

    - [Cia Websites](https://www.ciawebsites.com.br/ferramentas-de-seo/gerador-de-meta-tags/#meta-tags-wrapper?origem=https://www.youtube.com/channel/UC_TXbxNKS3aU-_EwFcgCYjA)

### Gerar Favicon 

- Ferramente para gerar aquele icone que fica na aba do seu browser.

    - [Favicon Generator](https://www.favicon-generator.org)

## Extra - O que é HTML Semântico

- Isso é uma padronização de boas pátricas para uso do HTML

    - [Dev Media Html Semântico](https://www.devmedia.com.br/html-semantico-conheca-os-elementos-semanticos-da-html5/38065?origem=https://www.youtube.com/channel/UC_TXbxNKS3aU-_EwFcgCYjA)

# HEAD

## ROBOTS

- [smallseotools](https://smallseotools.com/pt/robots-txt-generator/)

- [Tudo sobre o ROBOTS.TXT](https://developers.google.com/search/docs/advanced/robots/create-robots-txt)

## SITEMAP

- [xml-sitemaps](https://www.xml-sitemaps.com)

## Meta Tags 

- [Meta Tags io](https://metatags.io)

- [Developers Google](https://developers.google.com/search/docs/advanced/crawling/special-tags?hl=pt-br)

## Favicon (ícone)

- [favicon-generator](https://www.favicon-generator.org)