Belajar HTML Part 8 : Membuat List Pada HTML
SCRIPT KIDDIES - List atau data yang berurutan kebawah merupakan tag HTML yang berfungsi untuk menampilkan data secara berurutan kebawah. Dalam penulisan HTML kita menggunakan tag <li> untuk mendefinisikan list. Dalam penggunaan list HTML ada 2 jenis tampilan list yang dapat kita gunakan yaitu ordered list dan unordered list.
- Ordered List : Berfungsi untuk menampilkan list dalam bentuk angka. Penulisan tag HTMLnya adalah <ol>
- Unordered List : Berfungsi untuk menampilkan list dalam bentuk bulatan atau kotak. Penulisan tag HTMLnya adalah <ul>
<!DOCTYPE html>
<html>
<head>
<title>belajar memubuat hyperlink</title>
</head>
<body>
<li>Penggunaan List pada HTML</li>
<li>Contoh penggunaan list html</li>
</body>
</html>
PENGGUNAAN TAG ORDERED LIST
Kita akan coba membuat list yang diawali dengan huruf atau angka. Berikut contohnya :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part 8 : Membuat List Pada HTML</title>
</head>
<body>
<ol>
<li>SCRIPT KIDDIES</li>
<li>Belajar HTML</li>
</ol>
</body>
</html>
 |
| Ordered List |
PENGGUNAAN TAG UNORDERED LIST
Berikut contoh unordered list pada HTML
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part 8 : Membuat List Pada HTML</title>
</head>
<body>
<ul>
<li>SCRIPT KIDDIES</li>
<li>Belajar HTML</li>
</ul>
</body>
</html> |
| Unordered List |
Dari contoh diatas kita dapat simpulkan sendiri apa perbedaan <ul> dan <ol> . Penggunaan tag list tidak hanya dapat digunakan untuk membuat list saja dengan sedikit sentuhan css dapat digunakan untuk membuat menu navigasi pada halaman web. Jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih
Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding
TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML
Tidak ada komentar :
Posting Komentar