Академический Документы
Профессиональный Документы
Культура Документы
Atributos dos comandos: Se forem palavras, textos ou expresses, sempre utilize aspas. Se
forem nmeros, nunca utilize aspas. Se for o cdigo de uma cor, coloque sempre entre aspas e
com o smbolo #.
Pgina 2 de 5
site. Se for jpg, coloque a extenso jpg. (ou a que for realmente). Exemplo: <body
background="fundo002.jpeg">.
Exemplo
Lista numerada:
<ol>
<li>Item 1
<li>Item 2
<li>Item 3
<li>Etc
</ol>
Pargrafos:
<p align="alinhamento">Texto aqui</p>
Coloque no lugar de alinhamento left (esquerdo), right (direito), center (centralizdo), ou
justify (justificado). Obs.: entre um pargrafo e outro, deixado automaticamente uma linha
em branco.
Cuidado: align, no aling.
Pgina 3 de 5
Blocos de texto:
<div align="alinhamento">Texto aqui</div>
Coloque em alinhamento left, right, center ou justify (como nos pargrafos). Este comando
tem a vantagem de no deixar linhas em branco entre um bloco e outro.
Links:
<a href="pagina.html">Clique aqui</a> (a pgina deve estar na mesma pasta dos arquivos do
site)
Para e-mail: <a href="mailto:usuario@provedor.com.etc">Deixe sua mensagem</a>
Dica: coloque o prprio endereo entre <a...> e </a>, para aparecer o endereo do e-mail na
tela.
Para outro site: <a href="http://www.mepsites.cjb.net">Mep Sites</a>
Para sites, use sempre o http://.
Dica: coloque o prprio endereo entre <a...> e </a>, para aparecer o endereo do site na
tela.
Se quiser usar uma imagem como link, use a sintaxe <a href="..."><img src="..."
border=0></a>
Pgina 4 de 5
Comentrios dentro do cdigo: <!-- Seus comentrios aqui -->
Serve para voc mesmo que prepara a pgina ou algum que veja o cdigo dela ler a
mensagem, como dicas e explicaes. Os comentrios no aparecem no navegador, so s para
quem abrir os cdigos mesmo.
aqui</quadro1>
aqui</quadro2>
aqui</quadro3>
aqui</quadro1>
aqui</quadro2>
aqui</quadro3>
aqui</quadro1>
aqui</quadro2>
aqui</quadro3>
Pois bem, basta usar <table> em vez de tabela, <tr> em vez de linha1, linha2, etc e <td>
em vez de clulas. Ficaria:
<table>
<tr>
<td>Texto
<td>Texto
<td>Texto
</tr>
<tr>
<td>Texto
<td>Texto
<td>Texto
</tr>
<tr>
<td>Texto
<td>Texto
<td>Texto
</tr>
</table>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
aqui</td>
Colorimos cada linha para voc perceber melhor. Este exemplo geraria uma tabela de 3 linhas,
com 3 colunas. Pode-se usar os atributos border (espessura da borda), borderColor (cor da
borda), bgcolor (cor de fundo), backgound (imagem de fundo), entre outros, na tag <table>
(para formatar a tabela inteira), ou ento separadamente, em cada linha (na tag <tr>), ou
ainda em cada clula da tabela (na tag <td>). Este ltimo o mais usado.
Nota importante: Se voc usar 3 clulas na primeira linha, com trs pares de <td>...</td>,
dever colocar 3 tambm em todas as linhas, seno poder deformar toda a tabela.
Pgina 5 de 5
Nas tag <table> ainda podemos ter cellspacing=X (um valor numrico, em pixels) que indica
um espaamento entre cada clula da tabela, e cellpadding=X (tambm um nmero), que
indica um enchimento em cada clula. bom usar valores pequenos, como 3 ou 5, por
exemplo.
Para mesclar a clula atual com as que vm a sua direita, utilize colspan=X (coloque no lugar
de X o nmero 2, ou 3, 4, depende do nmero de clulas a mesclar). Se forem linhas, utilize
rowspan=X (para meaclar X linhas, para baixo da clula atual).
Frames (Quadros):
Na pgina index:
<frameset cols="200,*" noresize>
<frame name="esquerdo" src="pagina1.html">
<frame name="direito" src="pagina2.html">
</frameset>
Este dividir a tela em duas partes, na vertical (em duas colunas). Se quiser na horizontal,
utilize rows em vez de cols. Na primeira ficar a pgina pagina1.html, e na segunda a pgina
pagina2.html. O item noresize indica que ele no pode ser redimensionado pelo visitante. No
lugar de valor1 voc coloca, em pixels, a medida da largura do primeiro quadro. O asterisco no
segundo, indica que o segundo ocupar o restante da tela.
Nos links voc deve colocar <a href="NomeDaPagina.html" target="NomeDoQuadro">Clique
aqui</a>.
Em NomeDoQuadro voc d o nome do quadro em que ela dever ser aberta, corretamente,
como voc o definiu. No exemplo, seria "direito". Ao clicar no link, se voc no colocar o nome
do frame em que ele dever abrir, ele se abrir ento no mesmo quadro em que estiver o link.
Voc pode colocar em target (destino) tambm _blank, para o link se abrir numa nova janela,
ou _top, para ele se abrir na mesma tela onde esto os quadros, limpando assim todos os
quadros. Um exemplo para abrir o link em nova janela: <a href="pagina.html"
target="_blank">Clique aqui</a>