Belajar HTML - Penulisan List HTML

penulisan list html
Belajar HTML - Penulisan List HTML

List merupakan bentuk yang umum, biasa digunakan untuk menguraikan daftar suatu menu.
jenis-jenis html :

- List dengan nomor
- List tanpa nomor (bullet list)
- List definisi

Contoh list

<html>
<head><title>contoh membuat list</title>
</head>
<body>
<h4> list dengan nomor </h4>
<ol>
     <li> kopi</li>
     <li> teh</li>
     <li>susu</li>
</ol>
 <h4>list bullet</h4>
<ul>
     <li> kamu</li>
     <li> aku </li>
     <li> KUA </li>
</ul>
</body>
</html>


 Contoh lain :

<html>
<head></title>belajar list</title>
</head>
<body>
<h4> dengan disc bullet</h4>
<ul type="disc">
    <li>apel</li>
    <li>pisang</li>
    <li>ambon</li>
    <li>anggur</li>
</ul>
<h4> dengan circle bullet</h4>
<ul type="circle">
    <li>jambu</li>
    <li>rambutan</li>
    <li>mangga</li>
    <li>jeruk</li>
</ul>
<h4> dengan square bullet</h4>
<ul type="square">
    <li>ubi</li>
    <li>papaya</li>
    <li>durian</li>
    <li>sirsak</li>
</ul>
</body>
</html>


Membuat Nested List


List kali ini digunakan secara bersarang, maksudnya adalah didalam list akan terdapat list lagi.

Contoh :

<html>
<head></title>belajar list nested</title>
</head>
<body>
<h4>Nested list</h4>
     <ul>
        <li>kopi</li>
        <li>teh</li>
           <ul>
               <li> teh hitam</li>
               <li> teh hijau</li>
          </ul>
</body>
</html>

HTML || Css || Javascript



Belajar HTML - Penulisan List HTML Belajar HTML - Penulisan List HTML Reviewed by Ardy S on April 26, 2015 Rating: 5

No comments:

Powered by Blogger.