» » » Cara Membuat List Pada HTML

Cara Membuat List Pada HTML

,

RPL-SATU.com - Properti <li> digunakan untuk menampilkan informasi dalam bentuk daftar (list). Ada dua jenis daftar yang dikenal di HTML , yaitu daftar dalam format bullet ( unordered list ) dengan menggunakan tag <ul>, dan bentuk nomor ( ordered list ) dengan menggunakan tag <ol>.


List dalam HTML biasanya digunakan untuk menjelaskan komponen-komponen dalam suatu objek mengurutkan daftar belanja, mengurutkan cara pembuatan sesuatu proyek, dan masih banyak yang lainnya. Untuk lebih jelasnya, kita langsung saja ke struktur penulisannya dalam HTML. Berikut strukturnya:
1. Struktur Format Bullet ( Unordered List )

<! DOCTYPE html>

<head>

<title> Unordered List </title>

</head>

<body>

<p> Komponen perangkat komputer </p>

<ul>

<li>Motherboard</li>

<li> Harddisk </li>

<li> RAM </li>

<li> VGA </li>

<li> Processor </li>

<lli> Lan Card </li>

<li> Monitor </li>

<li> Keyboard </li>

<li> Mouse </li>

</ul>

</body>

</html>


2. Struktur Bentuk Nomor ( Ordered List )

 
<! DOCTYPE html>

<head>

<title> Ordered List </title>

</head>

<body>

<p> Beberapa komponen yang berhubungan dengan komputer </p>

<ol>

<li> Hardware </li>

<ol>.

<li> Monitor </li>

<li> CPU </li>

</ol>

<li> Software </li>

<ol>

<li> Sistem Operasi </li>

<li> Program Aplikasi </li>

</ol>

<li> Others </li>

<ol>

<li> Human </li>

<li> Environment </li>

</ol>

<li> ETCI </li>

</ol>

</body>

</html>


Ya seperti itu kurang lebih struktur Unordered List & Ordered List pada HTML. Yang ingin tahu hasilnya, bisa coba struktur di atas menggunakan Notepad++ dan save dengan ekstensi .html ya.

Cukup penjelasan dan struktur dari list, bisa di kasih variasi lagi sebenernya biar tambah menarik. Silahkan dicoba, semoga bermanfaat. Keep on Coding! :)


Share this with short URL: Get Short URLloading short url