Home » HtmlPHP » Membuat List Nomer Menggunakan HTML

Membuat List Nomer Menggunakan HTML

Membuat nomer atau list bullet menggunakan HTML - Dalam membuat sebuah artikel atau sebuat content lainnya, tidak jarang kita harus memasang suatu komponen agar content tersebut dapat tersusun rapi. Kita bisa saja langsung menginput 1,2,3,4,5 menggunakan keybord, tapi terkadang, hasil yang didapatkan tidak seperti yang diinginkan, terkadang miring kekirikah, miring ke kanankah. Untuk mengatasi masalah tata letak ini, HTML menyediakan dua buah kode yang fungsinya sama dengan numbering atau bulletnya punya microsoft office.

Numbered List

dalam membuat list nomer, kita menggunakan <ol></ol> . setiap content berada dalam <li> </li> .
berikut cara penggunaanya 
Buka Script:

<h3>Numbered List</h3>
<ol>
<li>Nasi Ayam</li>
<li>Nasi Ikan</li>
<li>Nasi Telur</li>
<li>Nasi Spesial</li>
</ol>


Script Lengkap:

<html>
<title>Belajar html</title>
<body>
<h3>Numbered List</h3>
<ol>
<li>Nasi Ayam</li>
<li>Nasi Ikan</li>
<li>Nasi Telur</li>
<li>Nasi Spesial</li>
</ol>


</body>
</html>

Output
list nomer di html

Bullets List

dalam membuat list bullet, kita menggunakan <ul></ul>, sama halnya seperti membuat numbered list, setiap content berada dalam <li> </li>.  
berikut cara penggunaanya

Buka script:

<h3>Bullets List</h3>
<ul>
<li>Teh Anget</li>
<li>Teh Dingin</li>
<li>Jus Jeruk</li>
<li>Kopi</li>
<li>Jus Advokat</li>
</ul>


Script Lengkap:

<html>
<title>Belajar html</title>
<body>
<h3>Bullets List</h3>
<ul>
<li>Teh Anget</li>
<li>Teh Dingin</li>
<li>Jus Jeruk</li>
<li>Kopi</li>
<li>Jus Advokat</li>
</ul>
</body>
</html>
Output
bullet list menggunakan html
semoga bermanfaat




Artikel Terkait:

gaga

0 comments:

Ada pertanyaan?? Silahkan tanyakan di kotak komentar .. :)

Subscribe to: Post Comments (Atom)