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.
