Creating Tables

Dokumen HTML juga mendukung pembuatan tabel. Tag yang digunakan adalah <table></table>. Disamping itu ada juga tag tambahan yang digunakan untuk memformat kolom dan baris pada tabel, yaitu tag <tr> untuk membuat baris dan tag <td> untuk membuat kolom. Untuk lebih jelasnya, perhatikan contoh di bawah ini.

Kolom 1 baris 1
Kolom 2 baris 1
Kolom 1 baris 2
Kolom 2 baris 2

Hasilnya:

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

Lebih jauh tentang table

Rowspan

  
    
Nama
    
TTL
    
Fakultas
  
  
    
Ahsan
    
20 Des 1990
    
Pertanian
  
  
    
Dwi
    
2 Januari 1989
  

Nama	TTL	Fakultas
Ahsan	20 Des 1990	Pertanian
Dwi	2 Januari 1989

Colspan

  
    
Month
    
Savings
  
  
    
January
  
  
    
February
  

Month	Savings
January
February

Backlink here..

Dokumen HTML juga mendukung pembuatan tabel. Tag yang digunakan adalah <table></table>. Disamping itu ada juga tag tambahan yang digunakan untuk memformat kolom dan baris pada tabel, yaitu tag <tr> untuk membuat baris dan tag <td> untuk membuat kolom. Untuk lebih jelasnya, perhatikan contoh di bawah ini.<br/><br/><pre><br/><table><br/><tr><br/><td>Kolom 1 baris 1</td><br/><td>Kolom 2 baris 1</td><br/></tr><br/><tr><br/><td>Kolom 1 baris 2</td><br/><td>Kolom 2 baris 2</td><br/></tr><br/></table><br/></pre><br/><br/>Hasilnya:<br/><br/><table><br/><tr><br/><td>Kolom 1 baris 1</td><br/><td>Kolom 2 baris 1</td><br/></tr><br/><tr><br/><td>Kolom 1 baris 2</td><br/><td>Kolom 2 baris 2</td><br/></tr><br/></table><br/><br/><h3>Lebih jauh tentang table</h3><br/><h4>Rowspan</h4><br/><pre><br/><table><br/> <tr><br/> <th>Nama</th><br/> <th>TTL</th><br/> <th>Fakultas</th><br/> </tr><br/> <tr><br/> <td>Ahsan</td><br/> <td>20 Des 1990</td><br/> <td rowspan="2">Pertanian</td><br/> </tr><br/> <tr><br/> <td>Dwi</td><br/> <td>2 Januari 1989</td><br/> </tr><br/></table><br/></pre><br/><table><br/> <tr><br/> <th>Nama</th><br/> <th>TTL</th><br/> <th>Fakultas</th><br/> </tr><br/> <tr><br/> <td>Ahsan</td><br/> <td>20 Des 1990</td><br/> <td rowspan="2">Pertanian</td><br/> </tr><br/> <tr><br/> <td>Dwi</td><br/> <td>2 Januari 1989</td><br/> </tr><br/></table><br/><br/> <h4>Colspan</h4><br/><pre><br/><table ><br/> <tr><br/> <th>Month</th><br/> <th>Savings</th><br/> </tr><br/> <tr><br/> <td colspan="2">January</td><br/> </tr><br/> <tr><br/> <td colspan="2">February</td><br/> </tr><br/></table><br/></pre><br/><table ><br/> <tr><br/> <th>Month</th><br/> <th>Savings</th><br/> </tr><br/> <tr><br/> <td colspan="2">January</td><br/> </tr><br/> <tr><br/> <td colspan="2">February</td><br/> </tr><br/></table> <br/> Sumber: <a href='https://tutorialdesignadam.blogspot.com/2011/11/creating-tables.html'> Tutorial design </a>

Description: Creating Tables Rating: 4.5 Reviewer: seputarwisata.com - ItemReviewed: Creating Tables