Skip to content

Latest commit

 

History

History
60 lines (44 loc) · 1.29 KB

[05]-table_html.md

File metadata and controls

60 lines (44 loc) · 1.29 KB
Raw

TABLE pada HTML


Cara mendefinisikan Table di HTML ?

Ketika kita hendak mendefinikan table pada HTML tag yang digunakan yakni <table>. Setiap baris tabel didefinisikan dengan tag <tr>. Setiap header tabel didefinisikan dengan tag <th>. Setiap data tabel / sel didefinisikan dengan tag <td>.

Secara default, teks dalam elemen <th> dicetak tebal dan di tengah.

Secara default, teks dalam elemen <td> beraturan dan rata kiri.

Langsung kita praktekkan yuk 😊

  • Petama tama jangan lupa buat file project kita dengan bereksstensi .html dan buka di code editor favorit kalian
  • Ikuti code dibawah ini :
<!DOCTYPE html>
<html>
<body>

<h2>Table Pada HTML</h2>

<table style="width:100%" border="1">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>
  • Save it dan kita buka file project kita di browser

Yeah you did it 🎉🎉🎉

Mungkin cukup sekian dulu, stay tune yah...

Created by @asuna199.