Elementos básicos

02/11/2019

Os principais elementos de uma página web HTML são:

Veja o exemplo

1 <!DOCTYPE html>
2 <html>
3   <head>
4     <meta charset="UFT-8">
5     <title>Curso de HTML</title>
6   </head>
7   <body>
8      <p>Um exemplo de conteúdo</p>
9  </body>
10 </html>

A linha 1 informa que o página é um documento HTML, no caso, a versão 5. As linhas 2 e 10 definem onde o documento começa e onde termina. As linhas 3 e 6 marcam a área de cabeçalho, onde colocamos informações osbre o site, como autor, assunto do site, etc.

A linha 4 define o conjunto de caracteres da página. No caso, usamos o UTF-8 para dar suporte aos acentos em qualquer idioma.

A linha 5 marca o título da página, que aparece no topo do navegador. Por, fim as linhas 7 e 8 marcam a área de corpo do site, a parte visível dele no navegador. Tudo o que o usuário vê está dentro de <body> e </body>.

A linha 8 insere um parágrafo na página.

Atributos HTML

Os elementos HTML possuem atributos que permitem adicionar informações ao conteúdo dos elementos. Eles aparecem na tag de abertura do elemento HTML e possuem duas partes: nome e valor, separados por um sinal de igual. Por exemplo, se quisermos determinar que um parágrafo apareça com o texto centralizado, utilizamos o atributo align com o valor center. Já se quisermos que o texto fique alinhado à direita usamos o atriburo align com o valor right.

<p align="center">Parágrafo centralizado</p>

Body, Head e Title