WEBDESIGN – AULA 02

- UNIDADE I -

FUNDAMENTOS PARA A

CONCEPÇÃO E CRIAÇÃO DE

CONTEÚDO EM AMBIENTE WEB

Revisão HTML - Parte 2

1

HTML (REVISÃO)

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

2

HTML (REVISÃO)

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>

3

HTML (REVISÃO)

TAG FONT

<FONT SIZE>

Permitirá alterar o tamanho da letra.

Ex:

<FONT SIZE=“1”>....</FONT>

4

HTML (REVISÃO)

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>

5

HTML (REVISÃO)

ALINHAMENTO DE TEXTO

<P ALIGN=“CENTER”>

O texto ficará centralizado dentro da página.

Ex:

<P ALIGN=“CENTER”> ...</P>

6

HTML (REVISÃO)

ALINHAMENTO DE TEXTO

<P ALIGN=“LEFT”>

O texto ficará alinhado à esquerda dentro da

página.

Ex:

<P ALIGN=“LEFT”> ...</P>

7

HTML (REVISÃO)

ALINHAMENTO DE TEXTO

<P ALIGN=“RIGHT”>

O texto ficará alinhado à direita dentro da

página.

Ex:

<P ALIGN=“RIGHT”> ...</P>

8

HTML (REVISÃO)

LISTAS NÃO-ORDENADAS

O texto apresentará com marcadores em forma de

lista.

Ex:

<UL>

<LI>...</LI>

<LI>...</LI>

</UL>

9

HTML (REVISÃO)

LISTAS ORDENADAS

O texto apresentará com marcadores em forma de

lista.

Ex:

<OL>

<LI>...</LI>

<LI>...</LI>

</OL>

10

HTML (REVISÃO)

NAVEGABILIDADE

Inserir um LINK

Ex:

<A HREF=“destino.htm”>Texto do hiperlink</a>

<A HREF=“http://www.msb.br”>Universidade

Moacyr Bastos</A>

11

DICAS

HOSPEDAGEM DE SITE

www.locaweb.com.br

www.hostnet.com.br

www.100br.com.br

REGISTRO DE SITE

www.registro.br

12

OBRIGADO!

PROF. SERGIO XAVIER

E-mail:

sergiosx@gmail.com

Blog:

www.profsergioxavier.wordpress.com

13