- Ordered List atau numberred list <ol>, list yang berurutan dengan nomer atau abjad.
- Unordered list atau bulleted list <ul>, List yang berurutan dengan simbol.
- Definition list <dl>, List yang digunakan sebagai daftar istilah.
Membuat daftar menu atau list dalam HTML
jenis tag <ol> yang digunakan untuk membuat daftar itematau list dengan angka Romawi di HTML. tag <ol> secara default menggunakan angka. Namun, untuk tujuan-tujuan tertentu dapat diatur dengan atribut “type”. Jika Anda ingin daftar mulai dari nilai tertentu dapat menggunakan atribut “start”. Kemudian di bawah ini berisi angka awal untuk penomoran pada daftar menu html:
jenis tag <ol> yang digunakan untuk membuat daftar itematau list dengan angka Romawi di HTML. tag <ol> secara default menggunakan angka. Namun, untuk tujuan-tujuan tertentu dapat diatur dengan atribut “type”. Jika Anda ingin daftar mulai dari nilai tertentu dapat menggunakan atribut “start”. Kemudian di bawah ini berisi angka awal untuk penomoran pada daftar menu html:
Berikut beberapa tipe list dengan tag <ol>:
I = digunakan huruf romawi besar
i = Menggunakan huruf romawi kecil
A = Menggunakan huruf besar
a = Menggunakan huruf kecil
1 = default
I = digunakan huruf romawi besar
i = Menggunakan huruf romawi kecil
A = Menggunakan huruf besar
a = Menggunakan huruf kecil
1 = default
contoh kode Defenition list membuat list atau daftar dalam HTML:
<html>
<head><title>Defenition List</title></head>
<body>
<dl>
<dt>Linotype</dt>
<dd>Line-casting allowed type to be selected, used then recirculated into the machine automatically.</dd>
<dt>Digital type</dt>
<dd>Digital typefaces stre the outline of the font shape in a format such as Postscrip.
The outline may be scaled to any size for output.</dd>
</dl>
</body>
</html>
contoh kode Nested list membuat list atau daftar dalam HTML:
<html>
<head>
<body>
<ol>
<li>Coffee</li>
<li>Tea
<ul type="circle">
<li>Black tea</li>
<li>Green tea
<ol type="i">
<li><b>China</b><br>
This tea is from China.</li>
<li><b>Africa</b><br>
This tea is from Africa.</li>
</ol>
</ul>
</li>
<li>Milk</li>
</ol>
</body>
</html>
contoh kode Ordered list membuat list atau daftar dalam HTML:
<html>
<head><title>Ordered List</title></head>
<body>
<p>Ordered list dengan simbol 1, 2, 3 ...:</p>
<ol>
<li>field1</li>
<li>field1</li>
<li>field1</li>
<li>field1</li>
</ol>
<p>Ordered lst dengan simbol ...:
<ol type="A">
<li>type</li>
<li>type</li>
<li>type</li>
<li>type</li>
</ol>
<p>Orderd list dengan simbol a, b, c ...:</p>
<ol type="a">
<li>field</li>
<li>field</li>
</ol>
<p>Ordered list dengan simbol I, II, III ...:</p>
<ol type="I">
<li>romawi</li>
<li>romawi</li>
<li>romawi</li>
<li>romawi</li>
</ol>
<p>Ordered list dengan simbol i, ii, iii ...:</p>
<ol type="i">
<li>romawi kecil</li>
<li>romawi kecil</li>
<li>romawi kecil</li>
<li>romawi kecil</li>
</ol>
</body>
</html>
contoh kode Unordered list membuat list atau daftar dalam HTML:
<html>
<head><title>Unordered list</title></head>
<body>
<p>Unordered list dengan simbol disc:</p>
<ul>
<li>Serif</li>
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
<p>Unordered list dengan simbol circle:</p>
<ul type="circle">
<li>Serif</li>
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
<p>Ordered list dengan simbol square:</p>
<ul type="square">
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
</body>
</html>
<head><title>Ordered List</title></head>
<body>
<p>Ordered list dengan simbol 1, 2, 3 ...:</p>
<ol>
<li>field1</li>
<li>field1</li>
<li>field1</li>
<li>field1</li>
</ol>
<p>Ordered lst dengan simbol ...:
<ol type="A">
<li>type</li>
<li>type</li>
<li>type</li>
<li>type</li>
</ol>
<p>Orderd list dengan simbol a, b, c ...:</p>
<ol type="a">
<li>field</li>
<li>field</li>
</ol>
<p>Ordered list dengan simbol I, II, III ...:</p>
<ol type="I">
<li>romawi</li>
<li>romawi</li>
<li>romawi</li>
<li>romawi</li>
</ol>
<p>Ordered list dengan simbol i, ii, iii ...:</p>
<ol type="i">
<li>romawi kecil</li>
<li>romawi kecil</li>
<li>romawi kecil</li>
<li>romawi kecil</li>
</ol>
</body>
</html>
contoh kode Unordered list membuat list atau daftar dalam HTML:
<html>
<head><title>Unordered list</title></head>
<body>
<p>Unordered list dengan simbol disc:</p>
<ul>
<li>Serif</li>
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
<p>Unordered list dengan simbol circle:</p>
<ul type="circle">
<li>Serif</li>
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
<p>Ordered list dengan simbol square:</p>
<ul type="square">
<li>Sans-serif</li>
<li>Script</li>
<li>Display</li>
<li>Dingbats</li>
</ul>
</body>
</html>
Beberapa tag list html yang harus kita ketahui :
<dl> = description list
<dt> = description term
<dd> = described of description
<dl> = description list
<dt> = description term
<dd> = described of description
Nah itu adalah sedikit sharing saya tentang cara membuat daftar atau list dalam dokumen html dengan atribut type dan start pada tag <ul> tag <ol> dan tag <dl>. makasih semoga bermanfaat artikel saya.
0 komentar:
Posting Komentar