O HTML é formado por diversos elementos responsáveis por estruturar e organizar o conteúdo de uma página Web.
Cada elemento possui uma função específica e informa ao navegador como determinado conteúdo deve ser apresentado.
Um elemento HTML é uma estrutura composta normalmente por uma tag de abertura, conteúdo e uma tag de fechamento.
<p>
Este é um parágrafo.
</p>
Nesse exemplo:
| Parte | Descrição |
|---|---|
| Tag de abertura | Indica o início do elemento. |
| Conteúdo | Informação exibida na página. |
| Tag de fechamento | Indica o final do elemento. |
<h1>
Título Principal
</h1>
<p>
Texto de apresentação.
</p>
<a href="#">
Clique aqui
</a>
| Categoria | Exemplos |
|---|---|
| Estrutura | html, head, body |
| Texto | h1, p, span |
| Mídia | img, video, audio |
| Links | a |
| Formulários | form, input, button |
| Tabelas | table, tr, td |
Alguns elementos possuem abertura e fechamento. Outros são elementos vazios e não possuem conteúdo interno.
| Tipo | Exemplo |
|---|---|
| Com fechamento | <p>Texto</p> |
| Sem fechamento | <br> |
Elementos vazios são aqueles que não possuem conteúdo interno e não precisam de uma tag de fechamento.
<br>
Quebra de linha
<img src="imagem.jpg">
Imagem
<input type="text">
Campo de entrada
Atributos são informações adicionais utilizadas dentro das tags para modificar características dos elementos.
<a href="https://site.com">
Acessar Site
</a>
O atributo:
| Atributo | Utilização |
|---|---|
| id | Identificar um elemento único. |
| class | Aplicar estilos em grupos de elementos. |
| src | Definir origem de arquivos. |
| href | Definir endereços de links. |
| alt | Texto alternativo para imagens. |
<img
src="foto.jpg"
alt="Foto do aluno">
Neste exemplo: