Membuat Daftar List Dengan HTML

Ada banyak kesempatan ketika kita perlu menggunakan daftar. HTML menyediakan kami dengan tiga jenis:

1. Daftar Memerintahkan adalah daftar di mana setiap item dalam daftar adalah bernomor. Misalnya, daftar mungkin serangkaian langkah-langkah untuk resep yang harus dilakukan dalam rangka, atau kontrak hukum di mana setiap titik harus diidentifikasi oleh suatu bagian jumlah.
2. Daftar berurutan adalah daftar yang dimulai dengan titik peluru (Bukan karakter yang menunjukkan perintah).
3. Daftar definisi terdiri dari satu set istilah bersama dengan definisi untuk masing-masing istilah tersebut.

Daftar memerintahkan

<Ol> => daftar memerintahkan dibuat dengan <ol> elemen.  

<Li>  => Setiap item dalam daftar tersebut ditempatkan antara pembuka <li> tag dan <li /> tag penutup.

<ol>
	<li>Download Modul 1: Menginstal PC</li>
	<li>Download Modul 2: Mendiagnosis Permasalahan PC dan Periferal</li>
	<li>Download Modul 3: Melakukan perbaikan dan Setting ulang sistem PC</li>
	<li>Download Modul 4: Melakukan perbaikan Periferal</li>
	<li>Download Modul 5: Melakukan perawatan PC</li>
	<li>Download Modul 6: Melakukan perawatan Periferal</li>
	<li>Download Modul 7: Menginstalasi Sistem Operasi Berbasis GUI</li>
</ol>

Result

Daftar berurutan

<Ul>  = > Daftar unordered dibuat dengan <ul> elemen. 
<Li>  => Setiap item dalam daftar tersebut ditempatkan antara pembuka <li> tag dan <li /> tag penutup

<ul>
	<li>Download Modul 9: Menginstalasi Sistem Operasi Berbasis Text</li>
	<li>Download Modul 10: Menginstalasi Perangkat Jaringan Lokal (LAN)</li>
	<li>Download Modul 11: Mendiagnosis Permasalahan PC yang Tersambung<br/>Jaringan</li>
	<li>Download Modul 12: Melakukan Perbaikan dan Setting Ulang Koneksi Jaringan</li>
	<li>Download Modul 13: Menginstalasi Sistem Operasi Jaringan Berbasis GUI</li>
	<li>Download Modul 14: Menginstalasi Sistem Operasi Jaringan Berbasis Text</li>
</ul>

Result

Daftar definisi

<Dl> = > Daftar definisi dibuat dengan yang <dl> elemen dan biasanya terdiri dari serangkaian persyaratan dandefinisi mereka. Dalam <dl> elemen Anda akan biasanya melihat pasang <dt> dan <Dd> elemen.
<Dt>  = > Ini digunakan untuk mengandung istilah didefinisikan (definisi istilah).
<Dd> = > Ini digunakan untuk mengandung definisi.

<dl>
	<dt>Semut Wifii</dt>
		<dd>Semutwifi berbagi tetorial tentang dunia website</dd>
	<dt>Backspace</dt>
		<dd>Backspace merupakan komunitas kami</dd>
	<dt>Semut & Backspace</dt>
</dl>

Result

Anda dapat menempatkan sebuah daftar kedua dalam sebuah <li> elemen untuk membuat sublist sebuah atau daftar bersarang.

<ul>
	<li>Download Modul 1: Menginstal PC</li>
	<li>Download Modul 2: Mendiagnosis Permasalahan PC dan Periferal</li>
	<li>Download Modul 3: Melakukan perbaikan dan Setting ulang sistem PC</li>
	<li>Download Modul 4: Melakukan perbaikan Periferal</li>
	<li>Download Modul 5: Melakukan perawatan PC</li>
	<li>Download Modul 6: Melakukan perawatan Periferal</li>
	<li>Download Modul 7: Menginstalasi Sistem Operasi Berbasis GUI</li>
		<ul>
			<li>Berbasis Windows</li>
			<li>Linux</li>
			<li>Mac</li>
		</ul>
	<li>Download Modul 8: Membackup dan Merestore Software</li>
</ul>

Result