Cara buat List HTML

LIST BULLET DAN NOMOR HTML

List merupakan bentuk yang umum yang biasa kita kita gunakan untuk menguraikan daftar sesuatu, misalnya jenis-jenis list HTML:

List dengan nomor

List tanpa nomor

List definisi

List dengan nomor adalah model daftar yg setiap itemnya di beri nomor. Pada contoh kalimat di atas merupakan contoh list tanpa menggunakan nomor.

Selain list bernomor dan tanpa nomor, ada sebuah list lagi yang bisa di gunakan untuk membuat list yang memberi uraian terhadap sesuatu item dalam daftar> disebut list definisi.

Untuk membuat list tanpa nomor, disebut juga bulleted list:

Mulai dengan tag membuka list <ul>
Masukkan setiap item list dengan menggunakan tag <li> kemudian tuliskan itemnya (satu saja), tag penutup item </li>, sebenarnya ini tidak harus di tuliskan (tetapi sebaiknya dituliskan)
Ulangi lagi langkah kedua untuk menuliskan item list berikutnya
Akhiri seluruh list dengan sebuah tag penutup </ul>.

Untuk list dengan nomor, di sebut juga ordered list, tag <ul> diubah dengan <ol>, demikian juga</ul> dig anti dengan </ol>.

Contoh List bullet :

<Body>

<ol>

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ol>

</body>

Contoh list nomor :

<body>

<ul>

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilhan ketiga </li>

</ul>

</body>

Ordered list (OL) nomor item secaara default adalah menggunakan angka 123 dst.. sampai dengan sejumlah item dalam list tersebut

Untuk keperluan penyajian tertentu kita dapat mengubah nomor dalam ordered list dengan model angka yang lain dengan mengisi atribut type pada tag <ol>

Berikut adalah nilai2 yang dapat di gunakan untuk mengubah penomoran dalam ordered list :

I = ditampilkan dengan angka romawi huruf besar

i = ditampilkan dengan angka romawi huruf keci

a = di tampilkan dengan menggunakan abjad huruf kecil

A = di tampilkan dengan menggunakan abjad huruf Besar

Contoh berbagai jenis ordered list (OL) yang berbeda :

<body>

<h3> contoh pertama </h3>

<ol>

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ol>

<br>

<h3> contoh kedua </h3>

<ol type="A">

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ol>

<br>

<h3> contoh ke tiga</h3>

<ol type="a">

<li> pihan pertama </li>

<li> pilahan kedua </li>

<li> pilihan ketiga </li>

</ol>

<br>

<h3> contoh ke empat</h3>

<ol type="I">

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ol>

<br>

<h3> contoh ke lima </h3>

<ol type="i">

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ol>

</body>

Hasil :

Unordered list (UL) sering disebut dengan bullet.mempunya bullet defaultnya berupa noktah.jenis bullet bisa di ubah,berikut adalah daftar jenis bullet yang bisa di gunakan untuk mengubah bullet default pada bullet lis :

Disk = bentuk noktah tetapi tidak diarsir di tengahnya

Box = bentuk kotak

Contoh berbagai unordered list (UL) yang berbeda :

<body>

<h3> contoh pertama </h3>

<ul type="disc">

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ul>

<br>

<h3> contoh kedua </h3>

<ul type="circle">

<li> pilihan pertama </li>

<li> pilihan kedua </li>

<li> pilihan ke tiga </li>

</ul>

<br>

<h3> contoh ke tiga</h3>

<ul type="square">

<li> pihan pertama </li>

<li> pilahan kedua </li>

<li> pilihan ketiga </li>

</ul>

</body>

Hasil :

D-Crow