Cara Membuat Sederhana Table di HTML

Image result for HTMLHallo Sahabat embah, kali ini embah mau share ke teman-teman “Bagaimana cara membuat table sederhana di Html” ok berikut pengertian dan keterangannya. Untuk Membuat table di HTML , kita hanya membutuhkan 3 tag. yaitu <td>,<tr>,<table> Sponsor Link
Keterangan :

  • Tag <Table> Digunakan Untuk Memulai Table
  • Tag <tr> adalah singkatan dari table row (tr), digunakan untuk membuat baris dari table
  • Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke table.
  Ok Sudah Paham kan ?? ok selanjutnya kita lanjut ke Script atau kodingnya. dibawah ini atau download disini
 <head> 
 <title>C ara Membuat Table</title>
 </head> 
<h1>Belajar Table</h1> 
<p>(Standar)</p>
 <table border="1">
 <tr>
 <td>Judul 1</td>
 <td>Judul 2</td>
 <td>Judul 3</td>
 </tr>
 <tr>
 <td>Isi 1.1</td> 
 <td>Isi 2.2</td> 
 <td>Isi 3.3</td> 
 </tr>
 <tr>
 <td>Isi 1.2</td> 
 <td>Isi 2.3</td> 
 <td>Isi 3.4</td> 
 </tr> 
 </table>
 <p>(Berwarna)</p><br>
<table border="1">
 <tr>
 <td bgcolor="gray">Judul 1</td>
 <td bgcolor="gold">Judul 2</td>
 <td bgcolor="pink">Judul 3</td>
 </tr>
 <tr>
 <td bgcolor="red">Isi 1.1</td> 
 <td bgcolor="blue">Isi 2.2</td> 
 <td bgcolor="green">Isi 3.3</td> 
 </tr>
 <tr>
 <td bgcolor="aqua">Isi 1.2</td> 
 <td bgcolor="silver">Isi 2.3</td> 
 <td bgcolor="chocolate">Isi 3.4</td> 
 </tr> 
 </table>
 

Sponsor Link
Sekian dari Embah untuk tutorial kali ini , jika ada pertanyaan bisa komentar dibawah ini. semogga bermanfaat buat kita semua 😀

1 comment: