Assalamualaikum Wr. Wb

Alhamdulillah kita dapat bertemu kembali bersama saya Achmad Hanif, dengan materi kita, yaitu tabel dan list dalam HTML, mari kita simak…

 Tabel adalah data berupa borter yang terdiri dari baris dan kolom. Tabel dibuat dengan menggunakan Tag Tabel pada HTML, berikut tag untuk membuat Tabel:

  • <table></table> untuk membuat tabel
  • <tr></tr> untuk membuat baris pada tabel
  • <tb></tb> untuk membuat kolom pada tabel

lalu masih ada 2 lagi yaitu colspan dan rowspan. Untuk colspan berfungsi untuk menggabungkan kolom, sedangkan rowspan berfungsi untuk menggabungkan baris.

Mari kita mencoba membuat programnya :

Program untuk membuat Tabel

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Jika program dijalankan maka hasilnya seperti dibawah ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Selanjutnya ada List dalam suatu HTML. List dibagi menjadi 2 yaitu :

1. Orderer List

Yang akan ditampilkan berupa angka 1,2,3…. yang akan berurutan membentuk daftar

2. Unorderer List

Yang akan ditampilkan sebagai bullet membentuk daftar

Cara penggunaanya, orderer memakai tag <ol> sedangkan Unorderer list memakai <ul> dan untuk penggunan list sendiri memakai tag <li>.

Mari mencoba membuat programmnya

Program untuk membuat list (unorderer)

  • Facebook
  • Twitter
  • Google+
  • Pinterest

ika program dijalankan maka hasilnya seperti dibawah ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Sekian pembahasan materi dari saya, semoga bermanfaat !!

Wassalamualaikum Wr. Wb