O que são marcadores?

Os marcadores, também conhecidos como tags, são instruções que dizem ao navegador como deve apresentar o conteúdo de uma página.

• Normalmente têm uma forma de abertura e fecho:

<p>Texto</p>.

• Alguns são auto-fechados, como:

<br> (quebra de linha) ou <img> (imagem).

Atributos dos marcadores

Os marcadores podem ter atributos, que acrescentam informações ou personalizam a sua apresentação.
Alguns atributos importantes:

• id → identifica um elemento de forma única.

• class → agrupa elementos com a mesma função ou estilo.

• style → aplica estilos diretamente (por exemplo, cor do texto).

• title → fornece informação adicional que aparece quando passamos o rato sobre o elemento.

• lang → define o idioma do conteúdo.

Exemplo:

Estrutura básica de uma página HTML5

Uma página HTML deve seguir uma estrutura definida, que indica ao navegador como interpretar o conteúdo.

Cabeçalhos e parágrafos

• <h1> até <h6> → títulos, organizados por ordem de importância.

• <p> → parágrafo de texto.

• <br> → quebra de linha.

• <hr> → linha horizontal.

Exemplo:

Formatação de texto

• <strong> ou <b> → texto em negrito.

• <em> ou <i> → texto em itálico/ênfase.

• <u> → texto sublinhado.

• <mark> → texto destacado.

Listas

As listas permitem organizar informação em pontos.

• <ul> → lista não ordenada (com marcadores).

• <ol> → lista ordenada (com números).

• <li> → cada item da lista.

Exemplo:

Ligações e imagens

• <a href="..."> → cria uma ligação para outra página.

• <img src="..." alt="..."> → insere uma imagem.

Exemplo:

Com estes primeiros marcadores, já é possível começar a construir páginas simples em HTML5, estruturando texto, listas, imagens e ligações.