Cara membuat daftar menu menggunakan html
Wednesday, March 7, 2018
Add Comment
 |
| Ordered List |
Daftar bisa berupa angka atau hanya berupa symbol, di dalam kehidupan sehari – hari Daftar ini sangat berguna baik untuk membuat jadwal Kuliah ataupun daftar belanjaan setiap harinya, daftar yang sudah di List bisa menggunakan Angka atau symbol. Didalam html daftar yang menggunakan angka disebut Ordered List sedang daftar yang menggunakan symbol disebut Unordered List.
1. Ordered List ( OL )
Ordered List adalah Daftar berurutan yang dalam html dibuat menggunakan tag <ol> dan isi dari tag <ol> ini menggunakan tag <li> sebagai List Itemnya.
Contoh Penulisannya dalam Html sebagai berikut :
<!DOCTYPE HTML>
<html>
<head>
<title> Latihan Membuat daftar</title>
</head>
<body>
<h3>Nama - Nama Hari </h3>
<ol>
<li> Senin</li>
<li> Selasa</li>
<li> Rabu</li>
<li> Kamis</li>
<li> Jum'at</li>
<li> Sabtu</li>
<li> Minggu</li>
</ol>
</body>
</html>
<html>
<head>
<title> Latihan Membuat daftar</title>
</head>
<body>
<h3>Nama - Nama Hari </h3>
<ol>
<li> Senin</li>
<li> Selasa</li>
<li> Rabu</li>
<li> Kamis</li>
<li> Jum'at</li>
<li> Sabtu</li>
<li> Minggu</li>
</ol>
</body>
</html>
Penomoran otomatis akan bertambah seperti pada Microsoft word pada setiap penambahan Item.
2. Unordered List ( UL )
Unordered List adalah daftar yang ditandai dengan symbol yang dalam html dibuat dengan menggunakan tag <ul> dan diisi dengan tag <li> sebagai isinya.
Contoh Penulisannya dalam Html sebagai berikut :
<!DOCTYPE HTML>
<html>
<head>
<title> Latihan Membuat daftar</title>
</head>
<body>
<h3>Daftar Belanja Hari ini </h3>
<ul>
<li> Masako 2 sachet</li>
<li> Telur 0.5 kg </li>
<li> Sayur Sop</li>
<li> Minyak</li>
</ul>
</body>
</html>
<html>
<head>
<title> Latihan Membuat daftar</title>
</head>
<body>
<h3>Daftar Belanja Hari ini </h3>
<ul>
<li> Masako 2 sachet</li>
<li> Telur 0.5 kg </li>
<li> Sayur Sop</li>
<li> Minyak</li>
</ul>
</body>
</html>
Item secara otomatis akan ditandai dengan lingkaran.
Sampai disini dulu latihan sederhana pembuatan daftar ini, tag List ini bisa juga digunakan untuk membuat menu pada sebuah website yang akan di bahas pada latihan selanjutnya.
0 Response to "Cara membuat daftar menu menggunakan html"
Post a Comment