Você está na página 1de 11

HyperText Markup Language Linguagem de Formatao de Hipertexto

Estrutura bsica de um documento HTML Layout TAGS usadas na estrutura <HTML> <head> <title> Cabealho da pgina </title> </head> Definio Inicia todo o documento HTML Inicia o cabealho Cria um titulo para a janela do

navegador
Encerra a marcao do titulo Fecha o cabealho Inicia o corpo da pagina. a <body> partir daqui que a pagina editada </body> Finaliza o corpo do documento

Corpo da pgina

</HTML>

Encerra o documento HTML

Voc vai aprender as vrias formas de trabalhar com a esttica de sua pgina, estilo, e pr-formatao de textos.

Para demarcar ttulos e subttulos, use os TAGs de (H1 a H6).

Os cabealhos abaixo, so utilizados dentro do tag <head> ...</head>. H seis nveis de cabealhos em HTML:
<H1> Este um cabealho de nvel 1 </H1> <H2> Este um cabealho de nvel 2 </H2> <H3> Este um cabealho de nvel 3 </H3> <H4> Este um cabealho de nvel 4 </H4> <H5> Este um cabealho de nvel 5 </H5> <H6> Este um cabealho de nvel 6 </H6>

Esses cabealhos so mostrados no browser da seguinte forma:

Este um cabealho de nvel 1


Este um cabealho de nvel 2
Este um cabealho de nvel 3
Este um cabealho de nvel 4
Este um cabealho de nvel 5
Este um cabealho de nvel 6

Exemplo:

<HTML> <HEAD>

<TITLE>Curso de HTML - Ttulos</TITLE>


</HEAD> <BODY> <H1>Ttulo com H1</H1> <H2>Ttulo com H2</H2> <H3>Ttulo com H3</H3> <H4>Ttulo com H4</H4>

<H5>Ttulo com H5</H5>


<H6>Ttulo com H6</H6> </BODY> </HTML>

ALIGN
Determina o alinhamento do titulo. Seu valor pode ser CENTER para centralizado, RIGHT para direita e LEFT para a esquerda.

<HTML> <HEAD> <TITLE>Curso de HTML Ttulos com alinhamento </TITLE> </HEAD> <BODY> <H2 ALIGN=CENTER>Cabealho centralizado</H2> <H3 ALIGN=RIGHT>Cabealho alinhado direita</H3> <H4 ALIGN=LEFT>Cabealho alinhado esquerda </H4>

</BODY>
</HTML>

O documento de HTML pode ter alteraes de fonte, tamanho, cor e formas de combinaes como em qualquer outra linguagem de programao e em editores de textos. As tags que so usadas para as formataes so do modo duplo <tag> e </tag>, de maneira que apenas as palavras ou frases envolvidas por essas tags recebero as formataes especificadas.

Tags <B> ...</B> Coloca em negrito o texto envolvido. Tags <I> ... </I> Coloca em itlico o texto envolvido. Tags <U> ... </U> Sublinha o texto envolvido. Tags <SUB> ... </SUB> e <SUP> ... </SUP> O texto envolvido fica Subscrito e Sobrescrito, respectivamente. <STRIKE>... </STRIKE> Indica que o texto deve ser apresentado com um trao cortando-o. Ex.: tachado <SUP> e </SUP> Formata a palavra ou frase envolvida em sobrescrito. Ex: <SUP>APOSTILA DE HTML</SUP> aAPOSTILA DE HTML <SUB> e </SUB> Formata a palavra ou frase envolvida em subscrito. Ex: <SUB>APOSTILA DE HTML</SUB> Aapostila de html