PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes

Apresentação em tema: "PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes"— Transcrição da apresentação:

1 PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes carlomendes@yahoo.com.br http://www.jeancarlomendes.com.br

2 HTML – Tabelas - As tabelas em HTML são criadas através das tags e - Algumas propriedades: - : Define a largura da tabela como uma porcentagem da área da tela

3 HTML – Tabelas - : Define a largura da tabela como uma porcentagem da área da tela - : Define largura em pixels - : Define a espessura da borda em pixels

4 HTML – Tabelas - : Define o espaço entre as células - : Define o espaço entre a borda de cada célula e seu conteúdo - : Define como a tabela será alinhada horizontalmente (LEFT, CENTER e RIGHT)

5 HTML – Tabelas - O título da tabela pode ser definido com a tag - </CAPTION. Esta tag é opcional - (Caption aceita alinhamento com align) Título Exemplo

6 HTML – Tabelas - As tabelas são compostas de células que são referenciadas através de linhas e colunas. - Para se criar uma nova linha em uma tabela utiliza-se a tag e - Para se criar uma nova coluna em uma tabela utiliza-se a tag e

7 Configurações Processador Intel Core i7 Memória 8 Gb Exemplo

8 HTML – Tabelas - É possivel alterar a cor de fundo das células da tabela através da cor das colunas Processador Intel Core i7 Memória Exemplo

9 HTML – Tabelas Pode-se definir uma cor para a tabela e redefinir nas células: Processador Intel Core i7 Memória Intel Core i7 Exemplo

10 HTML – Tabelas O alinhamento é feito através da propriedade align da célula Processador Intel Core i7 Memória Intel Core i7 Exemplo

11 HTML – Tabelas Pode ser necessário realizar o alinhamento vertical de células Veja no, a primeira tabela por padrão mostra os textos no centro da célula. Na segunda tabela foi utilizada a tag valign para alinha o texto no topo da tabela: Exemplo

12 Agrupando linhas ou colunas Em alguns casos os dados precisam ocupar duas ou mais colunas de uma só vez. Quando isto acontece, devemos usar o atributo COLSPAN. Recursos Humanos Financeiro Exemplo

13 Agrupando linhas ou colunas O parâmetro colspan permite estender uma célula entre mais colunas. No exemplo anterior, cada célula que contêm o nome do departamento ocupa duas células. Com isto o nr de células da linha correspondente deixou de ser 4 e passou a ser 2.

14 Agrupando linhas ou colunas Da mesma forma que as colunas, as linhas podem ser estendidas. Isto é feito através do parâmetro rowspan Exemplo

15 Agrupando linhas ou colunas Vimos que ao se colocar uma borda na tabela com uma borda é colocada em volta da tabela e ao redor das células da mesma.... Sem controle de exibir/ocultar linhas em específico....

16 Controlando o espaçamento Em alguns casos pode ser necessário controlar o espaçamento entre as células de uma tabela. Isto pode ser feito através de: Espaçamento entre as células Espaçamento dentro das células...

17 Controlando o espaçamento O Cellspacing controla o espaçamento entre as células O Cellpadding vai controlar o espaçamento entre a célula e seu conteúdo... Exemplo

18 Exercício... (4 pontos) – data? Reproduzir a seguinte tabela....

19