dream aula 9

11
Desenvolvime nto de Site Aula 8 va

Upload: washington-oliveira

Post on 28-Jun-2015

539 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Dream aula 9

Desenvolvimento de SiteAula 8Washington Silva

Page 2: Dream aula 9

Tabelas

Usaremos a TAG <table></table>.

Uma tabela traz alguns atributos tais como:

<TR>Cria uma linha</TR>

<TD> cria uma célula</TD>

Usar tabelas é maneira mais fácil de se trabalhar com o alinhamento de textos e imagens é utilizar as tabelas como guia.

Page 3: Dream aula 9

Tabelas <TABLE> <TR> <TD>TESTE1</TD> <TD>TESTE2</TD> <TD>TESTE</TD> </TR>. </TABLE>

Dessa forma, nós criaremos 3 colunas e 1 linha. Tabela Horizontal.

Page 4: Dream aula 9

Tabelas

<table><tr><td> teste </td></tr><tr><td> teste 2</td></tr><tr><td> teste 3</td></tr></table>

Agora, vamos criar uma tabela na vertical

Dessa forma, nós criaremos 3 colunas e 1 linha. Tabela Horizontal.

Page 5: Dream aula 9

Colocando Bordas

Tag <TABLE BORDER>

TABLE BORDER="6"><TR> <TD>TESTE1</TD> <TD>TESTE2</TD> <TD>TESTE</TD></TR></TABLE>

Page 6: Dream aula 9

Colocando Bordas

<table BORDER="3"><tr><td> teste </td></tr><tr><td> teste

2</td></tr>

<tr><td> teste 3</td></tr>

Page 7: Dream aula 9

Tag <TABLE BORDERCOLOR>

A tag <TABLE BORDERCOLOR> serve para colocar uma COR na borda da tabela. Veja só:

<TABLE BORDER="6“ BORDERCOLOR=“RED>

<TR> <TD>TESTE1</TD> <TD>TESTE2</TD> <TD>TESTE</TD></TR></TABLE>

Page 8: Dream aula 9

• <TD BGCOLOR> Permite colocar uma cor dentro de cada célula.

Tag <TD BGCOLOR>

<TABLE BORDER="6" bordercolor="red"> <TR>

<TD bgcolor="pink">TESTE1</TD>

<TD bgcolor="yellow">TESTE2</TD>

<TD bgcolor="blue">TESTE</TD>

</TR>

</table>

Page 9: Dream aula 9

Exercícios width="200" height="0" border="3"

td height="33" bgcolor=

width="200" border="1"

<td width="69"

Page 10: Dream aula 9

<table width="644" height="254" border="1">

Para achar as cores procure no google por cores html

Page 11: Dream aula 9

VAMOS AO LABORATÓRIO