Html

Disponível somente no TrabalhosFeitos
  • Páginas : 7 (1735 palavras )
  • Download(s) : 0
  • Publicado : 7 de fevereiro de 2013
Ler documento completo
Amostra do texto
Construção de Páginas Web

 HTML – Hiper Text Markup Language

 A criação de tabelas tem como objectivo o enquadramento da informação, podendo, no caso dos documentos HTML, contribuir para a sua formatação, ao dispor os vários elementos de uma forma tabular.  Para definir tabelas nos documentos HTML utilizam-se as tags e , que podem conter, entre outras, as tags , , e . Por sua vez, atag apenas pode conter as tags , , e , que permitem definir as células da respectiva tabela.

 O próximo quadro apresenta as principais tags utilizadas na definição das tabelas nos documentos HTML.

Tag Define uma tabela

Descrição Define um cabeçalho numa lista da tabela Insere uma linha numa tabela Insere uma célula numa linha da tabela Define uma legenda associada a uma tabela  O quadro seguinte apresenta os principais atributos das tags utilizadas na definição
das tabelas nos documentos HTML.
Atributo align Valor left center right top middle bottom rgb(x, x, x) #xxxxxx nomeDaCor píxeis píxeis píxeis texto Define o alinhamento horizontal Descrição

valign

Define o alinhamento vertical

bgcolor border cellpadding cellspacing summary width colspan rowspanEspecifica a cor de fundo Especifica a espessura da linha de contorno Especifica o espaço em branco entre o texto e os limites da célula, definindo a área do texto. Especifica o espaço em branco que fica entre as células adjacentes Fornece um sumário da tabela para ser lido por software de síntese de voz. Especifica a largura da tabela. Une horizontalmente duas ou mais células Une verticalmente duasou mais células

píxeis %
número número

 Para conhecer a estrutura básica das tabelas é necessário ter presente o número de linhas e colunas a definir. Para definir esta estrutura num documento HTML, seguem-se, pela ordem apresentada, os seguintes passos:  definir a tabela e os seus atributos com a tag ;
 definir as linhas e os seus atributos com a tag por cada linha desejada; definir as colunas e os seus atributos com as tags e , inserindo numa linha as células por cada coluna desejada.

 Os browsers têm alguma dificuldade em lidar com células vazias. Uma forma de contornar esta limitação é inserir espaços nas células que não contêm qualquer tipo de informação.

 O próximo exemplo mostra o código necessário à definição de uma tabela com três linhas e três colunasnum documento HTML e mostra o resultado do mesmo.

 Uma tabela, para além de poder conter diversos tipos de informação, pode também conter outras tabelas dentro das suas células. O exemplo seguinte apresenta o código necessário à definição de duas tabelas encapsuladas e mostra o resultado no browser.

Limites
 Para evidenciar os limites das diversas tabelas
utiliza-se o atributo border, datag , que pode assumir um valor igual ao número de píxeis correspondente à espessura dos limites. O exemplo seguinte apresenta o código de um documento HTML necessário à definição de tabelas com limites e mostra o resultado no browser.

Espaçamentos

 Muitas vezes, depois de colocadas as
linhas de limite das tabelas num documento HTML, os limites das subtabelas confundemse com os limitesda tabela principal. Para resolver este aspecto, utiliza-se o atributo cellspacing da tag . O próximo exemplo apresenta o código de um documento HTML necessário à definição do espaçamento entre as células nas tabelas e mostra o resultado no browser.

Espaçamentos
 Outras vezes é necessário afastar o
texto dos limites das células, para isso, utiliza-se o atributo cellpadding da tag . O exemploseguinte apresenta o código de um documento em HTML necessário à definição do espaçamento entre o texto e os limites das células nas tabelas e mostra o resultado no browser.

Dimensões
 As dimensões das células e tabelas podem ser redimensionadas através dos atributos width e height. Os valores destes atributos podem dimensionar as células e as tabelas de forma absoluta, em píxeis, ou de...
tracking img