•  
     

Aprenda a criar tabelas em HTML



Bom muitos dizem que é dificil a criação de tabelas,mas posso afirmar que é muito fácil a criação de tabelas utilizando o HTML com as tags <table> <tr> <td>. Veja só!

Nota: Essa é uma tabela simples.

Tag

Código: Selecionar todos

<table>
Cria uma tabela (table=tabela)


Tag

Código: Selecionar todos

<tr>
Cria uma linha. (table row=linha databela)


Tag

Código: Selecionar todos

<td>
Cria uma célula. (table data=dados da tabela)[/color][/b]
Estarei usando como exemplo rank dos servidores! obs: não colocarei todos pois ficara muito grande o código e assusta então só coloqui os 5 primeiros ao titulo rss

Código: Selecionar todos

     <html>
  <head>
<title> Tabela com rank dos servers</title>

</head>
  <body>

	<table>
	
	<tr>
	  <td>Servers</td>
	  <td>Colocação</td>
	<td>IP</td>
	
	</tr>
	
	<tr>
	  <td>ServersBB.com [ 4Fun ]</td>
	  <td>105th</td>
	  <td>200.98.214.107:27015 </td>	
	</tr>
	
	<tr>
	  <td>JogosBB.com</td>
	   <td>108th</td>
	  <td>200.98.214.107:27018</td>	
	</tr>
	
	<tr>
	  <td>NerdBB.com</td>
	   <td>126th</td>
	  <td>200.98.214.107:27020 </td>	
	</tr>
	
	<tr>
	  <td>NerdBB.com - GunGame</td>
	   <td>142th</td>
	  <td>200.98.214.108:27018</td>
	</tr>

	<tr>
	  <td>ServersBB.com [ 4Fun 2 ]</td>
	   <td>170th</td>
	  <td>200.98.214.107:27022 </td>
	</tr>

	</table>
  </body>
</html>

Apesar do código ser grande é bem fácil de fazer só gravar as tags e pimba!


Resultado
resultado.JPG
resultado.JPG (26.4 KiB) Exibido 131 vezes
 


ficou muito bom cara
 


JOGA FACIL escreveu:ficou muito bom cara

Valew JOGA FACIL pelo elogio :D
 


tranquilo irmao e nox
 


Dreamweaver é melhor rs

Imagem

Mas ótimo tutorial heheh
 


Davi escreveu:Dreamweaver é melhor rs

Imagem

Mas ótimo tutorial heheh
tbm acho ashuauhsauhs

belo tuto silvio !
 


Dreamweaver é para os fracos! shaushaushausa

Postei mesmo pra reforçar as tags
Página inicial