cara membuat daftar/list di HTML. Untuk
menampilkan sebuah text sebagai daftar/list, HTML menyediakan Tag
List.
Dalam HTML, tag list terdiri dari 2 jenis, ordered
list (berurutan) dan unordered list (tidak berurutan)
Ordered list akan ditampilkan dengan
angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.
Ordered list menggunakan tag <ol>, dan
unordered list menggunakan tag <ul>, sedangkan untuk list sendiri
menggunakan tag <li>
Contoh penggunaan tag ordered list <ol>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE
html>
<html>
<head>
<title>penggunaan
tag list </title>
</head>
<body>
<h1>daftar
belanjaan</h1>
<ol>
<li>minyak
goreng</li>
<li>sabun
mandi</li>
<li>deterjen</li>
<li>shampoo</li>
<li>obat
nyamuk</li>
</ol>
</body>
</html>
|
Untuk menjadi unordered list, tinggal ganti tag <ol>
menjadi <ul>.
Contoh penggunaan tag unordered list <ul>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE
html>
<html>
<head>
<title>penggunaan
tag list </title>
</head>
<body>
<h1>daftar
belanjaan</h1>
<ul>
<li>minyak
goreng</li>
<li>sabun
mandi</li>
<li>deterjen</li>
<li>shampoo</li>
<li>obat
nyamuk</li>
</ul>
</body>
</html>
|
Penggunaan tag list pada HTML tidak hanya untuk membuat
daftar saja. Dengan CSS, tag list dapat digunakan untuk membuat menu navigasi
di dalam halaman web, seperti menu home, dan daftar link pada sidebar halaman
ini.
Source : www.duniailkom.com
Tidak ada komentar:
Posting Komentar