Setelah mempelajari begitu banyak tag HTML yang mengontrol tampilan halaman web, pembaca awalnya dapat membuat halaman artikel murni. Bagian ini mempelajari elemen daftar dalam HTML. Formulir daftar ini menyumbang proporsi desain situs web yang relatif besar, dan informasi tampilannya sangat rapi dan intuitif, yang mudah dipahami oleh pengguna. Peran lanjutan dari elemen daftar akan digunakan secara luas dalam pembelajaran gaya CSS berikutnya.
4.4.1 Komposisi Struktural DaftarElemen daftar HTML adalah struktur yang terlampir oleh tag daftar, dan item daftar yang terkandung terdiri dari <li> </li>. Struktur spesifik ditunjukkan pada Gambar 4.17.
4.4.2 Membuat Daftar yang Tidak TertibSeperti namanya, daftar yang tidak dipesan adalah formulir daftar di mana item daftar dalam struktur daftar tidak memiliki pesanan. Sebagian besar aplikasi web menggunakan daftar yang tidak dipesan, dan tag daftarnya <ul> </ul>. Metode penulisan adalah sebagai berikut:
<ul>
<li> Daftar item 1 </li>
<li> Daftar Item 2 </li>
<li> Daftar Item 3 </li>
<li> Daftar Item 4 </li>
<li> Daftar Item 5 </li>
</ul>
4.4.3 Buat daftar yang dipesanSeperti namanya, daftar yang dipesan berarti bahwa item daftar dalam struktur daftar memiliki urutan daftar. Dari atas ke bawah, dapat ada berbagai nomor urutan, seperti 1, 2, 3, atau A, B, C, dll. Buat file halaman web dalam D:/ Web/ direktori, bernama UL_OL.htm, dan tulis kode seperti yang ditunjukkan pada kode 4.17.
Kode 4.17 Pengaturan Daftar: UL_OL.htm
<Html>
<head>
<Title> Pengaturan Daftar </iteme>
</head>
<body>
<ukuran font = 5>
Teknologi meja depan web
<ul>
<li> html </li>
<li> CSS </li>
<li> JavaScript </li>
<li> Flash </li>
</ul>
Belajar latar belakang web
<Ol>
<li> Asp </li>
<li> Asp.net </li>
<li> PHP </li>
<li> CGI </li>
<li> Ruby </li>
<li> Python </li>
</ol>
</font>
</body>
</html>
Masukkan http: //localhost/ul_ol.htm di bilah alamat browser, dan efek penelusuran ditunjukkan pada Gambar 4.18.
Gambar 4.18 Pengaturan Daftar