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> |
|
Listas
Numeradas
| Exemplo: |
Resultado: |
<OL>
<LI>
UNICAMP <LI>
UNESP </OL> |
- UNICAMP
- 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.
|
|