List secara harfiah dapat di artikan 'daftar'. Jika pada Ms. Office Word kita mengenal istilah bullets and numbering yang berfungsi untuk membuat sebuah daftar yang tersusun dengan menggunakan penomoran (numbering) maupun dengan menggunakan sebuah simbol yang di sebut sebagai bullets. Pada dokumen HTML juga memiliki attribute yang berfungsi seperti bullets and numbering pada Ms. Office World yang di sebut sebagai HTML List.
Baiklah berikut ini contoh penulisan sebuah list pada dokumen HTML.
Contoh List HTML:
Cara Membuat List Pada Dokumen HTML:
Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.
Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
Sekarang mari kita mulai membuat sebuah list pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Contoh List Pada Dokumen HTML </title>
</head>
<body>
<p>Contoh unordered lists (bullets):</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul style="list-style-type:circle;">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul style="list-style-type:square;">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Contoh ordered lists (numbering):</p>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol style="list-style-type:upper-roman;">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol style="list-style-type:lower-alpha;">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>
Contoh unordered lists (bullets):
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
Contoh ordered lists (numbering):
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
Silahkan beri feed back pada kotak komentar di bawah!
0 Comments
