KEGUNAAN LIST & MACAM" LIST
1. Ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf, huruf romawi, dan angka. Penggunaan tag Ordered list sendiri bisa dituis <ol>. Untuk penggunaan <ol>, perhatikan gambar dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Latihan List ol</title>
</head>
<body>
<ol>
<li>Ts Ganteng</li>
<li>Ts Tamvan</li>
<li>Ts Menawan</li>
<li>Ts Menakjubkan</li>
</ol>
</body>
</html>
 |
| Gambar 1.1 Membuat List pada HTML |
Nah, kalau sudah kita ketikkan di text editor coba kita lihat hasil nya di web browser, dan akan tampil seperti gambar dibawah ini
 |
| Gambar 1.2 Membuat List pada HTML |
2. Unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan dan bisa juga dalam bentuk kotak. Penggunaan tag untuk menuliskan unordered list yaitu <ul>.
<!DOCTYPE html>
<html>
<head>
<title>Latihan List ul</title>
</head>
<body>
<ul>
<li>Ts pasti bisa</li>
<li>Kalian juga harus bisa</li>
<li>Jangan malas baca</li>
<li>Suka sama Ts baik loh</li>
</ul>
</body>
</html>
 |
| Gambar 1.3 Membuat List pada HTML |
dan coba kita jalankan di web browser script yang di atas tadi, dan akan tampil seperti gambar dibawah.
 |
| Gambar 1.4 Membuat List pada HTML |
KESIMPULAN
Jadi, Penggunaan List disini sangat mudah dan sangat cepat untuk kita pelajari, karena apa? , karena cuman terdiri dari tag pembangun yang mudah dihafal dan mudah sekali kita pelajari, Penggunaan List bukan cuman untuk menampilkan daftar kebawah, tapi kita juga bisa membuat navigasi / menu dropdown tentunya kita juga membutuhkan css agar merubah penampilan awal list menjadi sebuah navigasi / sebuah dropdown. Tentunya kita juga harus belajar css setelah kita menguasai seluruh HTML dasar. Sekian dari Author
Wassalamu'alaikum Wr.Wb
No comments:
Post a Comment