PWPB - Pertemuan 5

Assalamu'alaikum Wr. Wb

       Selamat datang lagi di Blog SekolahQue, Hari ini kita akan membahas mengenai Tabel di HTML. Serta kita akan membahas beserta fungsi-fungsi Tag HTML-nya ya...

Jika  kita ingin membuat coding-an selalu ingat kita harus membuat sebuah rancangan program yang akan kita buat seperti apa. Agar program yang kita buat bisa sesuai dengan apa yang kita inginkan. Perhatikan setiap tag-tagnya dan pelajari contoh Codingan HTML di bawah ini...

• Lat12Tabel1.html

Ini adalah contoh codingan pertama...

        Disitu terdapat tag Table berfungsi untuk membuat sebuah tabel di HTML. Didalam Tag Table terdapat tag width yang berfungsi untuk menentukan besar kecilnya suatu tabel di HTML, serta disitu terdapat Border yang fungsinya sebagai Penebal suatu garis luar pada sebuah tabel. Fungsi Cell Spacing adalah sebagai pemberi ruang pada garis Tabel di HTML. Sedangkan Cell Padding berfungsi sebagai pemberi ruang pada sebuah baris atau blok tabel pada HTML.

Fungsi Tag table <td></td>,<tr></tr>, dan <th></th>

• <td> : kepanjangan dari table data, digunakan untuk membuat isi dari <th> atau baris.
• <th> : Kepanjangan dari table heading, digunakan untuk membuat judul sebuah tabel seperti No, dan Nama. Biasanya ditandai dengan hurufnya menjadi Bold.
• <tr> : kepanjangan dari table row, digunakan untuk mendefinisikan baris pada tabel.

Fungsi tag tabel Colspan dan Rowspan:

• Colspan adalah perintah untuk menggabungkan beberapa kolom menjadi satu. 
• Rowspan yang berfungsi untuk menggabungkan beberapa baris menjadi satu. 

 ini adalah tampilan tabel yang akan muncul ketika kita membuka file html

Pelajari setiap Tagnya dan coba mengubah tampilan tabelnya sesuai dengan keinginan kalian, serta modifikasi tabel dengan kreatifitas kalian ya...

• Lat13tabel2.html

            Fungsi tag <caption></caption> adalah sebagai caption text di luar tabel html. Jika tidak mengerti kalian bisa lihat kata "Daftar Wiraniaga" di hasil atau output html di bawah ya. Sedangkan Tag align berfungsi untuk membuat sebuah text pada table sesuai dengan perintah atau keinginan kita(seperti untuk memerintahkan sebuah text agar posisinya berada di kanan dengan tag align="Right" dan jika ingin posisinya di sebelah kiri maka tag yang di gunakan adalah align="left") sedangkan center untuk membuat sebuah text berada di posisi tengah.

LANJUTAN

             ini adalah tampilan tabel yang akan muncul ketika kita membuka file html

• Lat14tabel.html

     

Ini adalah tampilan tabel yang sudah di buat codingannya di atas

• Lat15Tabel2.html

Di bawah ini adalah tampilan atau output codingan html di atas

• Lat16Tabel3.html

Fungsi Bgcolor adalah sebagai pemberi warna background di tabel maupun di luar tabel sesuai dengan apa yang kalian inginkan.

lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• Lat17TabelTanah.html

lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• Lat18TabelTanah.html

Dibawah ini adalah hasil atau output dari codingan html di atas

• Lat19TabelBenua.html

lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• Lat20TabelTanah2.html

Dibawah ini adalah hasil atau output dari codingan html di atas

• Lat21Tabelbuah.html

 Dibawah ini adalah hasil atau output dari codingan html di atas

Sekian duluu yaa...Semoga SekolahQue bisa terus berkarya dan membagikan ilmu pemrograman. Jangan lupa terus belajar dan berkreatifitas. Coba dan pelajari di rumah yaa. Coba modifikasi tabel-tabel di atas sesuai dengan kreatifitas kalian agar dapat dengan mudah mengerti bahasa pemrograman HTML. Sekian....

Assalamu'alaikum Wr. Wb