Cara Bikin Website
 / Membuat List

Suryaning Bawono   / 17 - 01 - 2015, Banyuwangi,Jawa Timur



Membuat list dalam html ada dua pilihan utama yaitu membuat list dengan angka dan symbol. sedangkan membuat list dengan simbol ada tiga pilihan , simbol lingkaran, simbol titik. dan square (kotak). Namun,kita juga bisa menglist tanpa simbol dan angka.Kode untuk menglist dengan simbol <ul> dan kode menglist dengan angka <ol> sedangkan kode untuk menglist tanpa angka dan simbol menggunakan kode yang sama dengan simbol <ul> hanya ditambahkan style="list-style-type:none".
Contoh Kode:

<!doctype html>
<html>
<head>
<title>Belajar Bikin website</title>
</head>
<body>
<ul>
<li>ini contoh menglist tanpa style</li>
<li>ini contoh menglist tanpa style 1</li>
<li>ini contoh menglist tanpa style 2</li>
</ul>
<ul style="list-style-type:disc">
<li>ini contoh menglist dengan simbol titik (disc)</li>
<li>ini contoh menglist dengan simbol titik (disc) 1</li>
<li>ini contoh menglist dengan simbol titik (disc) 2</li>
</ul>
<ul style="list-style-type:circle">
<li>ini contoh menglist dengan simbol lingkaran (circle)</li>
<li>ini contoh menglist dengan simbol lingkaran (circle) 1</li>
<li>ini contoh menglist dengan simbol lingkaran (circle) 2</li>
</ul>
<ul style="list-style-type:square">
<li>ini contoh menglist dengan simbol square</li>
<li>ini contoh menglist dengan simbol square 1</li>
<li>ini contoh menglist dengan simbol square 2</li>
</ul>
<ul style="list-style-type:none">
<li>ini contoh menglist tanpa simbol maupun angka </li>
<li>ini contoh menglist tanpa simbol maupun angka 1</li>
<li>ini contoh menglist tanpa simbol maupun angka 2</li>
</ul>
<ol>
<li>ini contoh menglist dengan angka </li>
<li>ini contoh menglist dengan angka 1</li>
<li>ini contoh menglist dengan angka 2</li>
</ol>
</body>
</html>


Contoh Tampilan pada text editor, (Saya menggunakan Notepad sebagai Text Editor)


Tampilan Pada Browser :