Persiapan membuat dokumen HTML dengan nama file lab3_list.html seperti berikut.
Lalu Hasilnya seperti ini
Kemudian tambahkan kode untuk membuat Ordered List seperti berikut.
Lalu Hasilnya seperti ini
Kemudian tambakan kode untuk membuat Unordered List, setelah deklarasi ordered list pada section unordered-list, seperti berikut.
Lalu Hasilnya seperti ini
Kemudian tambahkan kode untuk membuat description list setelah deklarasi unorderd-list.
Lalu Hasilnya seperti ini
Buat file baru dengan nama lab3_tabel.html seperti berikut.
Lalu Hasilnya seperti ini
Kemudian selanjutnya tambahkan kode untuk membuat tabel sederhana seperti berikut:
Lalu Hasilnya seperti ini
Untuk menggabungkan sel data, gunakan atribut rowspan dan colspan. Atribut rowspan untuk menggabungkan baris (secara vertikal) dan colspan untuk menggabungkan kolom (secara horizontal).
Lalu Hasilnya seperti ini
Buat file baru dengan nama lab3_form.html seperti berikut.
Lalu Hasilnya seperti ini
Kemudian selanjutnya tambahkan kode untuk membuat tabel sederhana seperti berikut:
Lalu Hasilnya seperti ini
Agar tampilan form lebih menarik, bisa ditambahkan CSS seperti berikut.
Lalu Hasilnya seperti ini