HTML list

Pada postingan kali tentang tentang HTML list,pada postingan sebelumnya saya sudah posting tentang HTML teks. dan kamu mungking membutuhkan kode-kode HTML list. Ok langsung saja lihat dibawah ini.

Keterangan	Kode	Hasil
List Number	<ol><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br /> </div>	List item 1 List item 2 List item 3
Unnumbered list	<ul><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br /> </div>	List item 1 List item 2 List item 3
Definition List	<dl><br /> <dt>Term 1</dt><br /> <dd>Definition of term 1</dd><br /> <dt>Term 2</dt><br /> <dd>Definition of term 2</dd> </dl><br /> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br /> </div>	Term 1 Term 1.1 Term 2 term 2.2
Images as Bullets	<ul style="list-style-image: url(http://www.quackit.com/pix/printer_icon.gif);"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br /> </div>	List item 1 List item 2 List item 3
Bullet Type: 'disc'	<ul style="list-style-type:disc;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;">>/p><br />	List item 1 List item 2 List item 3
Bullet Type: 'circle'	<ul style="list-style-type: circle;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br /> </div>	List item 1 List item 2 List item 3
Bullet Type: 'square'	<ul style="list-style-type:square;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'decimal'	<ul style="list-style-type:decimal;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'decimal-leading-zero'	<ul style="list-style-type:decimal-leading-zero;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p><br />	List item 1 List item 2 List item 3
Bullet Type: 'lower-roman'	<ul style="list-style-type:lower-roman;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'upper-roman'	<ul style="list-style-type:upper-roman;"gt;<br /> <ligt;List item 1</ligt;<br /> <ligt;List item 2</ligt;<br /> <ligt;List item 3</ligt;<br /> </ulgt;<br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"gt;</p>	List item 1 List item 2 List item 3
Bullet Type: 'lower-greek'	<ul style="list-style-type:lower-greek;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'lower-alpha'	<ul style="list-style-type:lower-alpha;"><br /> <ligt;List item 1</li><br /> <ligt;List item 2</li><br /> <ligt;List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'upper-alpha'	<ul style="list-style-type:upper-alpha;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'armenian'	<ul style="list-style-type:armenian;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3
Bullet Type: 'none'	<ul style="list-style-type:none;"><br /> <li>List item 1</li><br /> <li>List item 2</li><br /> <li>List item 3</li><br /> </ul><br /> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>	List item 1 List item 2 List item 3

Cukup mudah bukan, kamu tinggal COPAS saja kodenya, sekian dulu pembelajaran tentang kode HTML.

---

Tutorial Terkait

Apa itu HTML ?
HTML Scroll Box
HTML Scroll Box Colors
HTML Picture Scroll Box
HTML Scroll Box Horizontal
HTML Scroll Box Vertikal
HTML Scroll Box Border

Posted in: HTML Text,Tutorial Code Html