PWPB - Pertemuan 6

Assalamu'alaikum Wr. Wb

Hello semuanya!! Ketemu lagi di SekolahQue blog yang memberikan ilmu pengetahuan dan mengasah kreatifitas kalian...

Kali ini kita akan membahas mengenai TOPINDEX,BOTTOM INDEX,LEFT INDEX, LAYOUT SPLIT serta contoh membuat biodata diri di tabel.

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. 

Fungsi selanjutnya adalah height. Height berfungsi untuk mengatur Tinggi suatu Tabel.
Sedangkan bgcolor berfungsi untuk mewarnai latar belakang tabel.

         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.

• TOPINDEX.html

Lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• BOTTOMINDEX.html

Lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• LEFTINDEX.html

Lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• LAYOUTSPLIT.html

Lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

• MYTABLEINDEX_ADRIANSATRIAPUTRA_XI-RPL3.html

Lanjutan

Dibawah ini adalah hasil atau output dari codingan html di atas

jika masih merasa bingung baca-bacalah terus dari atas ke bawah dan pelajari setiap fungsi-fungsi dari tag html yang telah di jelaskan...

sekian dulu ya semuanya...semoga bisa terus bermanfaat bagi kreatifitas dan keahlian kalian dalam menguasai bahasa pemrograman HTML. Do'akan agar bisa terus berkarya bagi kalian semuanya ya...

Assalamu'alaikum Wr. Wb