Materi Pemrograman Web Dasar Html Ordered List Dan Unordered List
Materi Pemrograman Web Dasar HTML Ordered List dan Unordered List–Materi berikut merupakan materi lanjutan dari materi pemrograman web dasar HTML, ialah dasar-dasar HTML. Ordered List merupakan list item yang dipakai untuk mengelompokan data secara berurutan dalam bentuk numbering atau penomoran. Sedangkan unordered list merupakan list item yang dipakai untuk mengelompokan data secara berurutan dalam bentuk bulleted, atau dalam bentuk squere, disk, dancircle.
Panduan mencar ilmu pemrograman web dasar sebelumnya Dasar-dasar HTML Pemformatan Text
Ordered List / OL
Devinisi ordered list; tag dalam HTML yang dipakai untuk menampilkan kelompok dta dalam bentuk numbering / penomoran.
Kode dasar:
<ol>
<li>Data 1</li>
<li>Data 2</li>
<li>Data 3</li>
</ol>
Tampilan struktur penulisan tag OL
Diatas merupakan struktur arahan dasar tag OL sehabis menerima pelengkap atribut dan value.
| Tag | Attribute | Value | Description |
<OL> | Type | LI Aa | Uper Roman, Lower Roman, Uppercase, Lowwercase |
<OL> | Start | n | Begin Number |
Contoh penggunaan tag OL;
<html>
<head>
<title>Tag Ordered list</title>
<body>
<!--Contoh ordered list A-D-->
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ol>
</body>
</head>
</html>
Unordered List/UL
Tag UL dipakai untuk menampilkan kelompok data dalam bentuk bulleted, baik berbentuk circle, square maupun disk.
Kode dasar;
<ul>
<li>Data 1</li>
<li>Data 2</li>
<li>Data 3</li>
</ul>
Contoh penggunaan UL;
<html>
<head>
<title>Tag Unordered list</title>
<body>
<!--Contoh ordered list A-D-->
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
</body>
</head>
</html>
Contoh penggunaan tag UL dengan type Circle;
<html>
<head>
<title>Tag Unordered list</title>
<body>
<!--Contoh Unordered list -->
Bahan-bahan untuk menciptakan Kopi:
<ul type="circle">
<li>Kopi</li>
<li>Gula</li>
<li>Air Panas</li>
<li>Krim</li>
</ul>
</body>
</head>
</html>
Hasilnya menyerupai dibawah ini;
Bahan-bahan untuk menciptakan Kopi:
- Kopi
- Gula
- Air Panas
- Krim
Contoh penggunaan tag UL dengan type Squere
<html>
<head>
<title>Tag Unordered list</title>
<body>
<!--Contoh Unordered list -->
Bahan-bahan untuk menciptakan Kopi:
<ul type="square">
<li>Kopi</li>
<li>Gula</li>
<li>Air Panas</li>
<li>Krim</li>
</ul>
</body>
</head>
</html>
Hasilnya menyerupai dibawah ini;
Bahan-bahan untuk menciptakan Kopi:
- Kopi
- Gula
- Air Panas
- Krim
Contoh penggunaan tag UL dengan type Disc
<html>
<head>
<title>Tag Unordered list</title>
<body>
<!--Contoh Unordered list -->
Bahan-bahan untuk menciptakan Kopi:
<ul type="disc">
<li>Kopi</li>
<li>Gula</li>
<li>Air Panas</li>
<li>Krim</li>
</ul>
</body>
</head>
</html>
Hasilnya menyerupai dibawah ini;
Bahan-bahan untuk menciptakan Kopi:
- Kopi
- Gula
- Air Panas
- Krim
Baca juga; Dasar-Dasar HTML Lengkap Untuk Belajar Pemrograman Web Dasar
Demikian panduan mencar ilmu pemrograman web dasar HTML sub materi Orderdlist dan Unorderedlist kali ini, agar bermanfaat untuk semuanya, terutama untuk para pengajar yang sedang mencara acuan materi mengajar materi dasar-dasar HTML.
Dapatkan juga panduan mencar ilmu pemrograman web dasar lengkap HTML dan CSS berupa Modul
Panduan ditulis oleh:
Mulyadi Tenjo
Guru TIK, dan Guru Mapel Produktif Multimedia di Sekolah Menengah kejuruan di Kab. Bogor
Sumber https://modulkomputer.com
0 Response to "Materi Pemrograman Web Dasar Html Ordered List Dan Unordered List"
Posting Komentar