1. 1
WEBDESIGN – AULA 02
- UNIDADE I -
FUNDAMENTOS PARA A
CONCEPÇÃO E CRIAÇÃO DE
CONTEÚDO EM AMBIENTE WEB
Revisão HTML - Parte 2
2. HTML (REVISÃO)
2
TAG PARA INSERIR IMAGEM
Ex:
<IMG SRC=“FOTO.JPG” WIDTH=“200”
HEIGHT=150”
WIDTH= LARGURA DA IMAGEM EM PIXELS
HEIGHT= ALTURA DA IMAGEM EM PIXELS
3. HTML (REVISÃO)
3
TAG FONT
<FONT FACE>
Permitirá alterar o tipo da letra. Havendo
limitações na escolha de fontes.
Somente no HTML5 é possível incluir qualquer tipo
de letra.
Ex:
<FONT FACE=“verdana”>....</FONT>
4. HTML (REVISÃO)
4
TAG FONT
<FONT SIZE>
Permitirá alterar o tamanho da letra.
Ex:
<FONT SIZE=“1”>....</FONT>
5. HTML (REVISÃO)
5
TAG FONT
<FONT COLOR>
Permitirá alterar a cor da letra. A cor pode ser
aplicada em formato HEXADECIMAL.
As cores HEXADECIMAIS – letras e números /
somente números / somente letras
Ex:
<FONT COLOR=“#FF0000”>....</FONT>
6. HTML (REVISÃO)
6
ALINHAMENTO DE TEXTO
<P ALIGN=“CENTER”>
O texto ficará centralizado dentro da página.
Ex:
<P ALIGN=“CENTER”> ...</P>
7. HTML (REVISÃO)
7
ALINHAMENTO DE TEXTO
<P ALIGN=“LEFT”>
O texto ficará alinhado à esquerda dentro da
página.
Ex:
<P ALIGN=“LEFT”> ...</P>
8. HTML (REVISÃO)
8
ALINHAMENTO DE TEXTO
<P ALIGN=“RIGHT”>
O texto ficará alinhado à direita dentro da
página.
Ex:
<P ALIGN=“RIGHT”> ...</P>
9. HTML (REVISÃO)
9
LISTAS NÃO-ORDENADAS
O texto apresentará com marcadores em forma de
lista.
Ex:
<UL>
<LI>...</LI>
<LI>...</LI>
</UL>
10. HTML (REVISÃO)
10
LISTAS ORDENADAS
O texto apresentará com marcadores em forma de
lista.
Ex:
<OL>
<LI>...</LI>
<LI>...</LI>
</OL>
11. HTML (REVISÃO)
11
NAVEGABILIDADE
Inserir um LINK
Ex:
<A HREF=“destino.htm”>Texto do hiperlink</a>
<A HREF=“http://www.msb.br”>Universidade
Moacyr Bastos</A>
12. DICAS
12
HOSPEDAGEM DE SITE
www.locaweb.com.br
www.hostnet.com.br
www.100br.com.br
REGISTRO DE SITE
www.registro.br