Estrutura do documento HTML
Artigo: Estrutura do documento HTML. Pesquise 860.000+ trabalhos acadêmicosPor: Laert • 29/10/2014 • Artigo • 846 Palavras (4 Páginas) • 411 Visualizações
HTML
Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).
Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o
documento com a extensão .html.
O documento tem que ser constituído obrigatoriamente com a seguinte estrutura inicial:
<html> [Inicio do documento HTML]
<head>[Inicio do cabeçalho do documento HTML]
</head>[Fim do documento HTML]
<body>[Inicio do corpo(Conteúdo) da página html]
</body>[Fim do corpo(Conteúdo) da página html]
</html>[Fim do documento HTML]
No cabeçalho, entre outras Tags, existe o título (TAG- <title>).
Exemplo: <title>Título da página de Internet</title>
NOTA: Não esquecer que a Tag <title> tem que estar dentro da Tag <head>.
BODY
Vamos agora dar exemplos de várias Tags que podes existir no BODY:
• Parágrafo – Tag <p> </p>
Exemplo: <p>Aqui podemos escrever o conteúdo de um qualquer parágrafo</p>.
• Negrito – Bold – Tag <b></b>
Exemplo: <b>Aqui podemos escrever o conteúdo a bold/negrito de um qualquer parágrafo</b>.
• Itálico – Tag <i></i>
Exemplo: <i>Aqui podemos escrever o conteúdo a itálico de um qualquer parágrafo</i>.
• Sublinhado -Underline – Tag <u></u>
Exemplo: <u>Aqui podemos escrever o conteúdo Sublinado de um qualquer parágrafo</u>.
• Centrado – Tag <center></center>2 de 9
Exemplo: <center>Aqui podemos escrever o conteúdo centrado de um parágrafo</center>.
• Riscado - Strike – Tag <s></s>
Exemplo: <s>Aqui podemos escrever o conteúdo riscado de um parágrafo</s>.
• Nível Inferior – Tag <sub></sub>
Exemplo: <sub>Nível Inferior</sub>.
• Nível Superior – Tag <sup></sup>
Exemplo: <sub>Nível Superior</sub>
• FONT – FONTE – Tag <font></font>
Na Tag – Font existem 3 atributos: FACE – Tipo de Letra; SIZE – Tamanho e COLOR – Cor.
Exemplos:
<FONT FACE=Times>Fonte Times New Roman </FONT>
<FONT FACE=Arial>Fonte Arial </FONT>
<FONT FACE=Courier>Fonte Courier New </FONT>
<font size="3"> A palavra terá o tamanho 3</font>
<font color="red"> A palavra terá a cor vermelha </font>
Também podemos combinar os atributos:
<font face="Arial" size="2" color="red">Palavra com tamanho 3 e em vermelho </font>
• ALINHAMENTO DO PAGÁGRAFO – Tag - <p ALIGN=”OPÇÃO”></p>
A opção: LEFT – Esquerda; RIGHT – Direita; CENTER – Centrado; JUSTIFY – Justificado.
EXEMPLOS:
<p align="left">Alinhamento ESQUERDA-LEFT</p>
<p align="right">Alinhamento DIREITA-RIGHT</p>
<p align="center">Alinhamento CENTRADO-CENTER</p>
<p align="justify">JUSTIFICADO - JUSTIFY</p> 3 de 9
Exemplo de uma página:
Código:
<html>
<head>
<title>MEO TELEMOVÉL!!!</title>
</head>
<body>
<p><font face=Verdana> Tipo de Letra</font></p>
<p><font size=20> Tipo de Letra</font></p>
<p><font color=red> Tipo de Letra</font></p>
<p>Negrito-Tag B, Sublinhado-Tag U,
Itálico-Tag I e Centralizado-Center
</p>
<p><b>Bold-Negrito</b></p>
<p><i>Itálico</i></p>
<p><u>UnderLine-Sublinhado</u></p>
<p><center>Centrado</center></p>
<p><s>Riscado-Strike</s></p>
<p>H<sub>2</sub>O-Água -SUB-Nível Inferior</p>
<p>5 metros quadrados 5m<sup>2</sup> -SUP-Nível Superior</p>
<p align="left">Alinhamento ESQUERDA-LEFT</p>
<p align="right">Alinhamento DIREITA-RIGHT</p>
<p align="center">Alinhamento CENTRADO-CENTER</p>
<p align="justify">JUSTIFICADO - JUSTIFY</p>
...