Menggunakal Tabel Pada HTML
Untuk menampilkan data dengan tipe tabel dalam HTML, kita bisa menggunakan tag <table>.
<table>.....</table>
Untuk membuat baris tabel, kita gunakan tag <tr> – singkatan dari table row (ditulis di dalam tag table)
<table> <tr></tr> </table>
Sedangkan untuk menentukan banyaknya kolom, tergantung dari banyaknya tag <td> (table data) yang digunakan di dalam tag <tr>.
1. <table>
2. <tr>
3. <td>No</td>
4. <td>Nama</td>
5. <td>Alamat</td>
6. </tr>
7. </table>
Atribut pada tabel:
- <Table> : menyaakan tag untuk tabel
- <width> : untuk menyatakan seberapa besar/ lebar yang akan kita buat
- <border> : ketebalan garis pembatas tabel
- <tr> : menyatakan sebagai tag kolom
- <td> : menyatakan sebagai tag cell
- <cellspacing> : Atribut cellspacing menyatakan jarak antara sel satu dan lainnya
- <cellpading> : Atribut cellpading menyatakan jarak antara isi sel dengan batas dari sel tersebut
- <collspan> : menggabungkan beberapa kolom menjadi satu kolom
- <rowspan> : menggabungkan beberapa baris menjadi satu baris
- <height> : menyatakan tinggi sebuah tabel
- <align> : meyatakan dimana posisi objek secara horizontal didalam tabel
- <valign> : menyatakan dimana posisi objek secara vertical didalam tabel
Untuk mempermudah sobat, kita langsung praktekkan dengan mengetik kode di bawah ini dan simpan dengan nama table.html. Maka hasilnya akan nampak seperti ini:
Comments
Post a Comment