Daftar atau List Pada HTML memiliki fungsi daftar atau list ini biasanya mengarah pada pengurutan sebuah teks yang masing-masing teks di dalamnya mempunyai point-point tersendiri, sehingga di diharapkan pengurutan pada setiap kata, sama halnya menyerupai daftar isi pada sebuah buku. Sebenarnya tidak ada yang berbeda dengan daftar atau list pada Ms. Word, pada Ms. Word pembuatan daftar atau list mempunyai dua tipe, yaitu ordered list dan unordered list, perbedaanya ialah pada ordered list yaitu pengurutan dengan memakai angka dan ditulis dengan isyarat <ol>, sedangkan unordered list dengan memakai simbol dan ditulis dengan isyarat <ul>.
Pengertian Daftar atau List Pada HTML
List merupakan bab teks yang kita gunakan untuk menciptakan daftar dukumen dan juga pengelompokan atau grup tertentu dalam suatu kategori. List pada HTML memiliki cara sendiri dalam mengurutkan item item pada suatu dokumen. Agar lebih paham daftar List mempunyai beberapa Tag diantaranya yaitu:
- List Tidak Berturut (Unordered List), atau yang disebut tag <ul> dimana ututannya diawali dengan peluru hitam.
- List berturut (Ordered List), atau yang disebut tag <ol> dimana ututannya diawali dengan nomor ataupun dengan huruf.
- List defenisi (Definition List), atau disebut dengan tag <dl> dimana fungsinya untuk memutuskan istilah dan definisinya.
Sebelum masuk ke bab pembelajaran kita ada baiknya untuk mengenal tag <li> (list item) dimana gunanya untuk penempatkan baris kalimat diantara tag pemubuka <li> dan tag epilog </li> .
Cara Membuat Daftar List di HTML
Tag list pada html termasuk salah satu tag yang ditulis secara berpasangan yaitu tag pembuka dan tag epilog di gunakan untuk menciptakan daftar list di html, yaitu tag <ol></ol> atau <ul></ul>, tag tersebut dipakai untuk mendefinisikan tipe pengurutan sedangkan untuk pengurutan teksnya memakai tag <li></li> yang di pasang didalam tag pembuka <ol> atau </ul> tergantung daftar tipe apa yang ingin dibuat. Tag menyerupai ini sanggup di sebut nested tag, atau tag bersarang, dimana tag <ol> atau <ul> menjadi kepalanya, sedangkan <li></li> menjadi badannya, tag <ol> atau </ul> ditulis hanya sekali dalam setiap pengurutan daftar, sedangkan tag <li> ditulis menurut jumlah teks yang di ingin di urutkan.
Menggunakan Tag <ul> Pada HTML
Tag <ul> ialah tag tidak berurutan yang selalu diawali dengan lingkarang peluru setiap barisan kalimat yang ada. Untuk penulisannya diawali dengan tag pembuka <ul>, tag pembuka <li>, tag epilog </li>, dan tag epilog </ul>. Untuk itu lihat pola isyarat HTML dibawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Belajar Tag List - RuangIlmu</title>
</head>
<body>
<h1>daftar artikel</h1>
<ul>
<li>PHP</li>
<li>Javascript</li>
<li>HTML</li>
<li>CSS</li>
</ul>
</body>
</html>
Lihat alhasil akan terlihat menyerupai ini :
Menggunakan Tag <ol> Pada HTML
Tag <ol> ialah tag yang berurutan yang setiap itemnya diberikan nomor. Kita sanggup menulis tag <ol> dengan tag pembuka <ol>, tag pembuka <li>, tag epilog </li>, dan tag epilog </ol>. Untuk itu lihat pola isyarat yang telah ditetapkan:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h2>Membuat Daftar List - RuangIlmu</h2>
<h4>Menggunakan Tag ol</h4>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
</html>
Lihat alhasil pada web browser :
Penggunaan tag list pada HTML tidak hanya untuk menciptakan daftar saja. Dengan CSS, tag list sanggup dipakai untuk menciptakan sajian navigasi di dalam halaman web, menyerupai sajian home, contact us, dll. Tag list juga sanggup dipakai untuk nested list, atau list bersarang, yang artinya sebuah list yang berada di dalam list lainnya.
Dalam tutorial berguru HTML dasar selanjutnya, kita akan membahas salah satu tag terpenting dari HTML, yakni tag <a> untuk menciptakan link di HTML !!
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon