1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20
 
HTML - Principais Tags 

Como já dissemos, o Dreamweaver MX disponibiliza várias ferramentas que facilitam a confecção de páginas Web, no entanto, é desejável que se conheça pelo menos as tags básicas da linguagem HTML para o caso de ter que fazer uma manutenção no site.

A seguir, as tags básicas da linguagem html:
 

Quebras de Linha
<P></P> 
 
Exemplo: Resultado:
<P>Primeira linha.</P><P>Segunda linha.</P> Primeira linha. 

Segunda linha.

<BR>  
Exemplo: Resultado:
Primeira linha.<BR>Segunda linha.<BR> Primeira linha.
Segunda linha.

 
texto em negrito
  <B></B> 
 
Exemplo: Resultado:
Curso de <B>Confecção de Web - básico</B> Curso de Cofecção de Web - básico

 
texto em itálico 
<I></I> 
 
Exemplo: Resultado:
Centro de Computação - <I>CCUEC</I> Centro de Computação - CCUEC


centralizar texto
<center></center> 

texto à direita
<right></right>

texto à esquerda
<left></left>
Exemplo: Resultado:
<center>Centro de Computação</center> Centro de Computação
<right>Centro de Computação</right> Centro de Computação
<left>Centro de Computação</left> Centro de Computação


Formatação do texto
 
Exemplo: Resultado:
<FONT FACE=Arial color = red size=2>Centro de Computação</FONT> Centro de Computação


Listas Não Numeradas
 
Exemplo: Resultado:
<UL>
<LI>UNICAMP 
<LI>UNESP
</UL>
  • UNICAMP 
  • UNESP 

 
Listas Numeradas
 
Exemplo: Resultado:
<OL>
<LI> UNICAMP 
<LI> UNESP
</OL>
  1. UNICAMP 
  2. UNESP


Barras horizontais
<HR> = marcação de linha

SIZE = espessura

Width = largura  
Exemplo: Resultado:
<HR SIZE=2 width=100% >

 
Inserir imagens
 
Exemplo: Resultado:
<img src="exemplos/imagem.jpg>


Links

<A></A>
HREF= referência a página a ser aberta

TARGET=_BLANK : abre a página em uma nova janela do browser
Chamando uma página: (arquivos com extensão .htm ou .html)
Exemplo: Resultado:
<A HREF="/exemplos/Pagina.html" TARGET=_BLANK>Clique aqui!!!</A> Clique aqui!!!

 
 Exibindo uma imagem: (arquivos com extensão .gif ou .jpg)
 
Exemplo: Resultado:
<A HREF="/exemplos/Imagem.jpg" TARGET=_BLANK>Clique aqui!!!</A> Clique aqui!!!

Fazendo download de um arquivo: (arquivos com extensão .DOC, .TXT, .ZIP)
Exemplo: Resultado:
<A HREF="/exemplos/texto.txt" TARGET=_BLANK>Clique aqui!!!</A> Clique aqui!!!

 
Recebendo e-mails:
 
Exemplo: Resultado:
<A HREF="mailto:xxxx@unicamp.br">Clique aqui </A> para enviar sua opinião!! Clique aqui para enviar sua opnião!!


Chamando uma página em outro servidor: 
protocolo://servidor/diretorio/arquivo

Os protocolos mais usados são (file ou http):
File = arquivo no servidor de ftp
http = arquivo no servidor World Wide Web   
Exemplo: Resultado:
<A HREF=http://www.unicamp.br TARGET=_BLANK>Clique aqui!!!</A> Clique aqui!!!
   
 
Tabalhando com tabela de cores 

Os valores para as cores devem ser escritos no padrão Hexadecimal. Para obter uma lista de cores Hexadecimais, aqui está :

 
Cores Hexadecimais
Paleta com 216 cores hexadecimais.

Clique na cor para ser mostrado o valor hexadecimal.