HTML : Membuat Tabel

Create-Script - Assalammualikum Wr.Wb.
bertemu lagi bersama author, kai ini saya akan sharing tentang tutorial membuat tabel pada html, tabel pada html biasanya digunakan untuk menginput data. baik, langsung saja kita buat



silakan ketikkan script ini pada text editor anda:
<!DOCTYPE html>
<html>
<head>
    <title>create-script: Angga BLC Telkom</title>
</head>
<body>
<table border="1">
  <tr>
  <th>No</th>
  <th>Nama</th>
  <th>alamat website</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Angga</td>       
    <td>angganurrpl1.blogspot.com</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Angga</td>       
    <td>Create-script.blogspot.com</td>
  </tr>
</table>
</body>
</html>
kemudian save dalam bentuk format file HTML, kemudian, buka di browser anda (segala browser), kemudian hasilnya akan seperti ini:

 ya....saya akan bahas satu per satu pada script diatas:

  • tag <table> digunakan untuk memulai membuat tabel, pada pembuatan tabel, jika tidak diawali dengan tag ini, maka tidak akan berjalan dengan baik, meskipun penulisan tag td, tr, dan th sudah benar.
  • tag <tr> diatas digunakan untuk membuat baris pada tabel. tr kependekan dari Table Row.
  • tag <th> adalah kepala tabel yang digunakan untuk membuat tabel, tabel ini jika di isi, tulisan yang kita masukkan pada tabel akan menjadi tebal (biasa digunakan untuk judul tabel, contoh: nomor, nama, alamat website, dll.). th adalah kependekan dari Table Head.
  • tag <td> digunakan untuk membuat tabel (bagian isi), td adalah kependekan dari tabel data.
  • didalam tag <table>, terdapat script border="1". script tersebut menjelaskan bahwa, garis ketebalan tabel berada pada tingkat 1, dan jika di isi dengan tulisan 0, maka garis pinggir tabel akan hilang.
sekian sharing saya pada pertemuan kali ini.

Wassalammualaikum Wr.Wb