You are on page 1of 12

Introduo Linguagem HTML

Professor Francisco Clerton Almeida do Carmo Jnior

Introduo Linguagem HTML

O que HTML? Como surgiu?

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


O que so tags? O que a seo <HEAD> e a seo <BODY>?
<HTML> <HEAD> <TITLE> Titulo do Documento </TITLE> </HEAD> <BODY> <p> texto, <br> Imagem,<br> Links, <br> ... Imagem,<br> </BODY> </HTML>
Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes

Os atributos da seo <BODY>:

<BODY BGCOLOR=#RRGGBB TEXT=#RRGGBB LINK=#RRGGBB BGCOLOR=#RRGGBB TEXT=#RRGGBB LINK=#RRGGBB ALINK=#RRGGBB VLINK=#RRGGBB BACKGROUND=URL> ALINK=#RRGGBB VLINK=#RRGGBB BACKGROUND=URL> ... ... ...

</BODY>

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


Cabealhos e seus tipos:
<H1> <H2> <H3> <H4> <H5> <H6> Este Este Este Este Este Este um um um um um um cabealho de cabealho de cabealho de cabealho de cabealho de cabealho de nvel 1 nvel 2 nvel 3 nvel 4 nvel 5 nvel 6 </H1> </H2> </H3> </H4> </H5> </H6>

Exemplo de como ficar na tela: 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

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


Os cabealhos tm atributos de alinhamento: <H1 ALIGN=CENTER> Cabealho centralizado </H1> ALIGN=CENTER>

<H2 ALIGN=RIGHT> Cabealho alinhado direita </H2> ALIGN=RIGHT>

<H3 ALIGN=LEFT> Cabealho alinhado esquerda </H3> ALIGN=LEFT>

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


Separadores: <BR> = Quebra de linha <P> = Pargrafo <HR> = Linha Horizontal

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


Exemplo de utilizao de Pargrafo:
Pargrafo 1; <P> Pargrafo 2. Resultado da marcao acima : Pargrafo 1; Pargrafo 2.

<P> tambm tem o atributo de alinhamento, como os cabealhos: <P ALIGN=RIGHT> ALINHANDO A DIREITA. </P>

Professor Francisco Clerton Almeida do Carmo Jnior

Documentos bsicos e seus componentes


Listas em HTML: Listas de Definio ou Listas de Glossrio:
<DL> <DT> termo a ser definido <DD> definio <DT> termo a ser definido <DD> definio </DL> Resultado na tela: Termo a ser definido definio Termo a ser definido definio

Professor Francisco Clerton Almeida do Carmo Jnior

Vamos Praticar !!!

Professor Francisco Clerton Almeida do Carmo Jnior

Bibliografia

Apostila de Programao Web HTML CSS PHP do Curso Tcnico em Informtica - das Escolas Estadual de Educao Profissional do Estado do Cear

Professor Francisco Clerton Almeida do Carmo Jnior

Obrigado !!!

Professor Francisco Clerton Almeida do Carmo Jnior

You might also like