Etiquetas HTML básicas - Quatro exemplos

Este capítulo demonstra os etiquetas HTML mais comuns através de exemplos.

Dica:Não se preocupe com os exemplos que você ainda não aprendeu neste capítulo, você aprenderá sobre eles em capítulos subsequentes.

Dica:A melhor maneira de aprender HTML é fazer experimentos enquanto aprende. Preparamos um excelente editor HTML para você. Usando este editor, você pode editar livremente um pedaço de código HTML e, em seguida, clicar no botão TIY para ver os resultados.

Títulos HTML

O HTML título (Heading) é definido através das etiquetas <h1> - <h6>.

Exemplo

<h1>Este é um cabeçalho</h1>
<h2>Este é um cabeçalho</h2>
<h3>Este é um cabeçalho</h3>

Experimente pessoalmente

Parágrafos HTML

O HTML parágrafo é definido através da etiqueta <p>.

Exemplo

<p>Este é um parágrafo.</p>
<p>Este é outro parágrafo.</p>

Experimente pessoalmente

Links HTML

O HTML link é definido através da etiqueta <a>.

Exemplo

<a href="http://www.codew3c.com">Este é um link</a>

Experimente pessoalmente

Notas:Especifique o endereço do link na propriedade href.

(Você aprenderá mais sobre atributos em capítulos posteriores deste tutorial).

Imagens HTML

O HTML imagem é definida através da etiqueta <img>.

Exemplo

<img src="codew3c.jpg" width="104" height="142" />

Experimente pessoalmente

Notas:O nome e o tamanho da imagem são fornecidos na forma de atributos.