•  
     

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)


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) Visto 127 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