Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Copyright © 2007 by Noble7fix · All Rights reserved · E-Mail: noble7fix@gmail.com
4º xxxxx
3º xxxxx
2º xxxxx
3º xxxxx
4º xxxxx
2º xxxxxxx
4º xxxxxxx
1º xxxxx
2º xxxxx
1º xxxxx
1º xxxxxxx
3º xxxxxxx
=
=
=
colspan especifica quantas colunas estarão contidas em uma célula.
rowspan especifica quantas linhas estarão contidas em uma célula
<table border="1">
<tr>
<td colspan="3">1º xxxxx</td>
</tr>
<tr>
<td>2º xxxxx</td>
<td>3º xxxxx</td>
<td>4º xxxxx</td>
</tr>
</table>
<table>
<tr>
<td> 1º xxxxxxx </td>
<td> 2º xxxxxxx </td>
<td> 3º xxxxxxx </td>
<td> 4º xxxxxxx </td>
</tr>
<tr>
<td> 5º xxxxxxx </td>
<td> 6º xxxxxxx </td>
<td> 7º xxxxxxx </td>
<td> 8º xxxxxxx </td>
</tr>
<tr>
<td> 9º xxxxxxx </td>
<td>10º xxxxxxx </td>
<td>11º xxxxxxx </td>
<td>12º xxxxxxx </td>
</tr>
</table>
<table border="1">
<tr>
<td rowspan="3">1º xxxxx</td>
<td>2º xxxxx</td>
</tr>
<tr>
<td>3º xxxxx</td>
</tr>
<tr>
<td>4º xxxxx</td>
</tr>
</table>
<table border="3">
<tr>
<td> 1º xxxxxxx </td>
<td> 2º xxxxxxx </td>
</tr>
<tr>
<td> 3º xxxxxxx </td>
<td> 4º xxxxxxx </td>
</tr>
</table>
<table border="1" width="40%">
<table>
<tr>
<td>Uma célula</td>
<td>Outra célula</td>
</tr>
<tr>
<td>Uma célula em quebra de coluna</td>
<td>Uma última tabela</td>
</tr>
</table>
* rowspan e colspan : são usados para criar variantes às tabelas.
Inserir Atributos
Outros Atributos
Existem muitos atributos para tabelas, eis aqui mais dois exemplo:
* align: define o alinhamento horizontal do conteúdo da tabela, de uma linha ou de uma célula.
Pode acrescentar e a tabela ser apresentada: left, centre ou right (à esquerda, no centro ou à direita).
* valign: define o alinhamento vertical do conteúdo de uma célula.
Pode acrescentar e a tabela ser apresentada: top, middle ou bottom (em cima, no meio ou em baixo).
Sem dúvida que esta parte das tabelas serão mais complicadas, confusas, mas nada melhor que fazer um esboço prévio do tipo de tabela que deseja e por tentativas chegar lá...quem sabe acerta à primeira.
Para se iniciar uma tabela dentro do documento html usa-se a tag table, porém são necessárias as tags td e tr para construí-la. A propósito as tabelas servem para apresentar informação, seja texto ou imagens em linhas ou colunas ou até o que quiser, mas será mais com a ideia de apresentar informação de maneira compreensível, lógica, estruturada e organizada...já vai perceber.
Mas antes de entrarmos no estudo e prática do CSS, talvez seja melhor explicarmos sobre como apresentar o seu Website ao mundo, estar sempre visivel na Net, isto é sobre o ALOJAMENTO do seu site e DOMÍNIO o nome, o registo na Internet (exemplo: http://noble7fix.com, é o nosso dominio). Assim antes de entrarmos no CSS vamos falar em ALOJAMENTO e DOMÍNIO e sobre transferência dos ficheiros do seu site (FTP).
O atributo width - largura - em pixels, também pode ser usado para uma tabela tal como explica no capítulo anterior "Imagens". Também poderá usar em termos de percentagens 10 ou 20% por exemplo
Como em todas as Tags podemos inserir atributos neste caso o atributo border que define a espessura de uma borda à volta da tabela.
Outro exemplo que mostra como inserir tabelas e a sua disposição tanto na horizontal como na vertical.
Chegamos assim ao fima da parte que diz respeito à essência do HTML, agora é uma questão de prática...ah mas ainda há mais. Podemos dizer que estudamos o "esqueleto" do HTML, agora falta a parte externa, digamos assim, os "musculos" , a "roupa", a arte, etc,...bem, é uma comparação muito ligeira, mas dis respeito ao Layout isto é aparência do seu website, o que aparece. Como? isso se faz através do HTML, usando o que se chama CSS Cascading Style Sheets — Folha de Estilos em Cascata. HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
1º xxxxxxx 2º xxxxxxx 3º xxxxxxx 4º xxxxxxx
5º xxxxxxx 6º xxxxxxx 7º xxxxxxx 8º xxxxxxx
9º xxxxxxx 10º xxxxxxx 11º xxxxxxx 12º xxxxxxx
quebra de coluna