TrabalhosGratuitos.com - Trabalhos, Monografias, Artigos, Exames, Resumos de livros, Dissertações
Pesquisar

Estrutura do documento HTML

Artigo: Estrutura do documento HTML. Pesquise 862.000+ trabalhos acadêmicos

Por:   •  29/10/2014  •  Artigo  •  846 Palavras (4 Páginas)  •  461 Visualizações

Página 1 de 4

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>

...

Baixar como (para membros premium)  txt (6.3 Kb)  
Continuar por mais 3 páginas »
Disponível apenas no TrabalhosGratuitos.com