Escolar Documentos
Profissional Documentos
Cultura Documentos
BGCOLOR........................................................................................................................... 9
LINK ................................................................................................................................... 9
ALINK ................................................................................................................................. 9
VLINK ................................................................................................................................. 9
BACKGROUND ................................................................................................................... 9
LEFTMARGIN ..................................................................................................................... 9
TOPMARGIN ...................................................................................................................... 9
MARGINHEIGHT ................................................................................................................ 9
MARGINWIDTH ................................................................................................................. 9
PARGRAFO ................................................................................................................................ 10
Caractersticas do <P> ............................................................................................................ 10
ALIGN....................................................................................................................................... 10
LEFT ............................................................................................................................. 10
JUSTIFY ........................................................................................................................ 10
CENTER ........................................................................................................................ 10
RIGHT........................................................................................................................... 10
FONT............................................................................................................................................ 11
Face ......................................................................................................................................... 11
Color ........................................................................................................................................ 11
Size .......................................................................................................................................... 11
ESTILOS DE TEXTO ....................................................................................................................... 12
<B>........................................................................................................................................... 12
<I>............................................................................................................................................ 12
<U> .......................................................................................................................................... 12
<SUP> ...................................................................................................................................... 12
Pgina 2
<h1>................................................................................................................................. 13
<h2>................................................................................................................................. 13
<h3>................................................................................................................................. 13
<h4>................................................................................................................................. 13
<h5>................................................................................................................................. 13
<h6>................................................................................................................................. 13
<BR> ............................................................................................................................................ 14
Listas de elementos..................................................................................................................... 14
Listas Numeradas <OL>............................................................................................................... 15
Type......................................................................................................................................... 15
Start......................................................................................................................................... 15
Listas No Numeradas <UL>........................................................................................................ 15
Type......................................................................................................................................... 16
HR ................................................................................................................................................ 17
ALIGN....................................................................................................................................... 17
WIDTH ..................................................................................................................................... 17
SIZE ....................................................................................................................................... 17
NOSHADE ................................................................................................................................ 17
COLOR ..................................................................................................................................... 17
DIV ............................................................................................................................................... 17
Inserir Imagens <IMG SRC> ......................................................................................................... 18
Configurar a Imagem................................................................................................................... 18
WIDTH ..................................................................................................................................... 18
HEIGHT .................................................................................................................................... 18
BORDER ................................................................................................................................... 18
ALIGN....................................................................................................................................... 18
Top............................................................................................................................... 19
Middle ......................................................................................................................... 19
Bottom......................................................................................................................... 19
Pgina 3
Pgina 4
Pgina 5
HTML
Ex: <HTML>
Pgina 6
CORRECTO
Pgina 7
TITLE
A TAG <TITLE> define o nome que aparece na barra de ttulo quando a
pgina exibida, caso no seja definido o ttulo da pgina apenas aparecer o
endereo da pgina.
Ex:
<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
</HTML>
BODY
Pgina 8
Caractersticas do <BODY>
Pgina 9
PARGRAFO
Para iniciar um pargrafo utilizamos a Tag <P>.
Caractersticas do <P>
LEFT Esquerdo;
JUSTIFY Justificado;
CENTER Centrado;
RIGHT Direito.
Pgina 10
<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<P align=center>
<FONT face=Arial size=7 color=blue>
Este o meu primeiro pargrafo em HTML
</FONT>
</P>
</BODY>
</HTML>
Pgina 11
ESTILOS DE TEXTO
Tal como nos editores de texto comuns, o HTML tambm permite alterar
o estilo do texto. Para isso, existem tags especficas que permitem a
modificao do estilo do texto.
<SUP> - Faz com que o texto fique sobrescrito, ou seja acima da linha
Ex. <sup> Texto sobrescrito </sup>
<SUB>- Faz com que o texto fique subscrito, ou seja abaixo da linha
Ex. <sub>t exto subscrito </sub>
Pgina 12
TTULOS E SUBTTULOS
SUBTTUL
Estas Tags
gs so utilizadas para
pa dar ao leitor uma viso geral so
sobre o que
se trata no texto em questo. Apresentam seis nveis de ttulos que so
numerados de 1 a 6 por ordem de importncia. (1 - Ttulo principal, - 2 Ttulo
secundrio, 3 Subttulo...)
ubttulo...)
Ex:
Pgina 13
<BR>
A tag <BR>, que significa break (quebrar; partir), utilizada para
escrever textos em linhas diferentes, o ENTER que temos no teclado. Pode
ser utilizado para escrever poemas definidos num mesmo pargrafo.
<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<P align=center>
<FONT face="Tahoma" size="2"> Este o meu texto em cima
<BR>
Este o meu texto em baixo
</FONT>
</P>
</BODY>
</HTML>
Listas de elementos
Existem dois tipos de listas: as numeradas e as no numeradas.
Pgina 14
<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<OL Type=i start=0>
<li> Primeiro elemento
<li> Segundo Elemento
<li> Terceiro Elemento
</OL>
</BODY>
</HTML>
Pgina 15
o circle
(executa
uma
marca
em
crculo
sem
preenchimento)
preenchimento).
<UL Type=square
square>
<li> Primeiro elemento
<li> Segundo Elemento
<li> Terceiro Elemento
</UL>
Pgina 16
DIV
Esta
tag
<DIV>,
utilizada
para
alinhar
qualquer
elemento
Ex:
<div
align="center">Este
texto
está
alinhado
no
centro.</div>
Pgina 17
Ex.
<img src="nome_da_imagem">
Configurar a Imagem
Aps inserirmos a imagem podemos configur-la definindo alguns
parmetros que fazem parte da tag <IMG>. No obrigatrio definir estes
parmetros, mas devemos utiliz-los para que a imagem fique ao nosso gosto.
Pgina 18
Ex:
<img src="natal.jpg" width=120 height=160 align="top" border="3"
alt="imagem principal">
<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<img src="natal.jpg" width=120 height=160 align="middle" border="3" alt="fundo">
</BODY>
</HTML>
Criar Links
Um dos tags mais importantes o que permite fazer links, ou seja, fazer
referncia a um outro recurso da WEB ou a um ponto especfico da sua pgina.
Pgina 19
Para criar um link para uma pgina na internet ou externa pagina que
estamos a criar, utilizamos a tag <A HREF>, e fechmos a respectiva tag com
</A>
Pgina 20
Ex:
<a href="http://www.Google.pt">Clique Aqui para aceder ao Google</a>
<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<h1><font face=Tahoma color=green>Este o meu primeiro título
</font></h1>
<p align=center><font face="Arial" color="navy" size="2">Este é o meu
primeiro parágrafo em HTML</font></p>
<p align="justify"><font face=Verdana size=2 color=orange>Este é o meu
segundo parágrafo<Br>E esta é a minha primeira quebra de
linha.</font></p>
<a href="http://www.google.pt"><font face="Tahoma" size=2>
Google</font></a>
</BODY>
</HTML>
Pgina 21
Agora que a ncora est criada necessrio lig-la para que o link
interno funcione. Isso faz-se utilizando a mesma tag para as links externos
mas, em vez de dar-mos a localizao da pgina da internet, d-mos o nome
da ncora que queremos aceder antecedido pelo smbolo de #.
Ex:
<a href="#seo1">Este link permite aceder
ncora 1</a>
<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<h1><font face=Tahoma color=green>Este o meu primeiro título
</font></h1>
<a name="ncora1"><p align=center><font face="Arial" color="navy"
size="2">Este o meu primeiro parágrafo em
HTML</font></p></a>
<p align="justify"><font face=Verdana size=2 color=orange>Este é
o meu segundo parágrafo<Br>E esta é minha primeira
quebra de linha.</font></p>
<a href="http://www.google.com"><font face="Tahoma" size=2>
Google</font></a>
<a href="#ncora1">Voltar para o primeiro parágrafo</a>
Pgina 22
Ex:
<a href="teste.html><img src="natal.jpg" width=120 height=160
align="middle" border="3" alt="fundo"></a>
TABELAS
Na criao de pginas em HTML, as tabelas servem para organizar os
dados na pgina. Na verdade, rara a pgina bem construda que no as
utilize para melhor controlar a localizao do texto, imagens e outros elementos
de uma pgina.
Criar tabelas
Criar tabelas uma operao bastante simples. Para isso, basta utilizar
a Tag <Table>, e definir a sua formatao.
<TABLE>
<TR>
<TH>Cabealho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>
As tags <Table> e < /Table> servem para indicar incio e fim de tabela.
Pgina 23
Formatar a Tabela
possvel definir caractersticas da tabela para que a sua formatao
seja a mais indicada. Assim, na lista que se segue, podemos encontrar as
caractersticas para formatar a tabela.
Pgina 24
Ex:
<table border="2" bordercolor="#003300" bgcolor="green" width="60%"
height="40%" cellspacing="3" celladding="3">
<tr align="left" valign="top"
Pgina 25
Caracter
Cdigo
Caracter
Cdigo
Ç
ç
Â
â
Ã
ã
Á
á
À
à
Ê
ê
Pgina 26
Í
í
Ó
ó
Ô
ô
Õ
õ
Ó
ú
Ü
ü
<
<
>
>
"
"
&
&
Ø
ø
Pgina 27