Html membuat tabel

Praktikum Modul 5

Nama : Muhammad Fadlul Haafiizh

Kelas  : XI-RPL 2

 Kali ini saya diberikan tugas praktikum html untuk membuat bermacam-macam bentuk tabel. Berikut ini adalah hasil tugas yang saya kerjakan semoga dapat bermanfaat serta menjadi bahan pembelajaran bagi siapapun yang membacanya.

1. Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.

2. Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table (table data) sedangkan Untuk mendifinisikan table heading atau judul tiap kolom menggunakan tag <th> ….. </th>.

 Ada juga elemen yang perlu diketahui dalam pembuatan tabel ini, diantaranya :

1. Width          = Panjang/lebar tabel (dalam satuan pixel / persen)
2. height          = Panjang/Tinggi tabel (pixel / persen)
3. border         = Tebal garis tabel (pixel)
4. cellspacing  = Spasi antar sel (pixel)
5. cellpadding = Spasi dalam sel (pixel)
6. align            = Perataan tabel (left, right, center)
7. valign          = Perataan tabe (top, bottom)
8. bgcolor        = Warna background

Pertama ini contoh pembuatan tabel yang paling sederhana dan cocok untuk pertama kali belajar membuat tabel dalam html :

• Lat12Tabel1.html

• Hasilnya :

 Ada juga contoh tabel yang lebih rumit yaitu tabel spanning (merge). tabel ini merupakan tabel yang dibuat dengan menggabungkan antara kolom dengan baris ataupun baris dengan kolom. agak bingung yaa hhe:v yauda biar jelas liat aja deh ini contoh kodingan dari tugas yang saya buat beserta hasilnya:

• Lat13Tabel2.html

• Hasilnya :

 Nah itu dia contohnya, untuk bisa membuat tabel spanning seperti diatas kita gunakan atribut data :

Rowspan = angka(baris yang di span oleh sel)

Colspan   = angka(kolom yang di span oleh sel)

Atau kalo bingung kita simpulin aja yaa, simple nya :

Rowspan = Kesamping

Colspsan = Kebawah.

 Itu dia contoh dan beberapa elemen yang dibutuhkan dalam pembuatan tabel. Sebenarnya masih banyak lagi contoh pembuatan tabel oleh karena itu akan saya rangkum berberapa macam contoh tabel lain dari tugas yang telah saya kerjakan berikut:

• Lat14Tabel.html

• Hasil :

• Lat15Tabel.html

• Hasil :

• Lat16Tabel.html

• Hasil :

• Lat17tabeltanah.html

• Hasil :

• Lat18tabeltanah.html

• Hasil :

• Lat19tabelbenua.html

• Hasil :

• Lat20tabelbenua2.html

• Hasil :

• Lat21tabelbuah.html

• Hasil :

 Semoga dari contoh tersebut dapat menjadi contoh bagi siapapun yang ingin belajar ataupun mencari informasi akan pembuatan tabel dalam html.

Mengenai saya:

Instagram : muh.hafiizh