Home » » Cara Menggunakan Bullet dan Numbering pada HTML

Cara Menggunakan Bullet dan Numbering pada HTML

Written By rahman nur on Tuesday, November 1, 2016 | 10:08:00 AM


List atau dalam bahasa indonesianya adalah daftar, merupakan perintah didalam pemprograman html untuk membuat daftar atau pengelompokan. Terdapat 2 jenis pengelompokan di pemprograman html, yaitu Ordered List ( Numbering ) dan Unordered List ( Bullet ). hampir sama tuh dengan yang ada di word.




Mari kita bahas Ordered List ( Numbering ), Numbering ini jelas digunakan untuk membuat daftar, dimana setiap bagiannya memiliki nomor secara berurutan. Pengkodean dalam htmlnya yaitu tag <ol>, untuk menyatakan tiap bagiannya, digunakan tag <li>.
atribut elemen list ini yaitu :
Type = [ 1 | a | A | i | I ] ( default 1 )

nah, berikut contoh penulisannya :

<html>
<head>
<title>Belajar Ordered List</title>
</head>
<body>
<h2> Belajar Ordered List dengan genbisoft </h2>
<ol type= "1">
<li>HTML</li>
<li>PHP</li>
<li>CSS</li>
<li>My SQL</li>
</ol>
</body>
</html>


nah, selanjutnya Unordered List ( BUllet ), ingat ini beda dengan OL diatas, dalam unordered list ini tidak dijumpai urutan nomor dalam suatu daftar. Setiap bagian unordered list ditandai dengan tanda bullet. Unordered list didalam pemprograman html dikodekan dengan tag <ul>, sama dengan tag ol diatas, setiap bagian unordered list tesebut digunakan tag <li>.
attributnya antara lain :
Type= [ disc | square | circle ]

contoh penulisannya sebagai berikut :

<html>
<head>
<title>Belajar UnOrdered List</title>
</head>
<body>
<h2> Belajar UnOrdered List dengan genbisoft </h2>
<ul type= "circle">
<li>HTML</li>
<li>PHP</li>
<li>CSS</li>
<li>My SQL</li>
</ul>
</body>
</html>

hasilnya cek sendiri genk....

==================================



Anda Telah Membaca #Ilmu HTML (Pemprograman)
yang di tulis oleh
Team - GenBisoft Creative Media
Tahun 2016 - All Right Reserved
http://ilmuversity.pasarsambilan.com
Facebook : Ilmuversity
Twitter : Ilmuversity
Youtube : Ilmuversity


- Dilarang Mengcopy Artikel tanpa Seizin Penulis -


Advertisement

0 komentar:

Post a Comment



Kumpulan Tutorial Tentang Adobe Premiere






Kumpulan Tutorial Tentang Blogger






Kumpulan Tutorial Tentang Windows





Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus