CARA BUAT LIST (DAFTAR)
Oc seperti biasa tanpa basa basi kita lanjutkan lagi tentang belajar dasar HTML..........tentang list.
list ini letak kodenya di antara <body> .....................</body>
Disc bullet list :
<ul style="list-style-type: disc;">
<li>burung</li>
<li>ayam</li>
<li>angsa</li>
</ul>
circle bullet list :...
<ul style="list-style-type: circle;">
<li>Burung</li>
<li>Ayam</li>
<li>Angsa</li>
</ul>
Square bullet list :
<ul style="list-style-type: square;">
<li>Burung</li>
<li>Ayam</li>
<li>Angsa</li>
</ul>
A nested list :
<ul>
<li>Burung</li>
<li>Ayam
<ul>
<li>Burung</li>
<li>Ayam</li>
</ul>
</li>
<li>Angsa</li>
</ul>
A nested list 2 :
<ul>
<li>Burung</li>
<li>Ayam
<ul>
<li>Elang</li>
<li>Kampung
<ul>
<li>Africa</li>
<li>China</li>
</ul>
</li>
</ul>
</li>
<li>Angsa</li>
</ul>
Oc seperti biasa tanpa basa basi kita lanjutkan lagi tentang belajar dasar HTML..........tentang list.
list ini letak kodenya di antara <body> .....................</body>
Disc bullet list :
- Burung
- Ayam
- Angsa
<ul style="list-style-type: disc;">
<li>burung</li>
<li>ayam</li>
<li>angsa</li>
</ul>
circle bullet list :...
- Burung
- Ayam
- Angsa
<ul style="list-style-type: circle;">
<li>Burung</li>
<li>Ayam</li>
<li>Angsa</li>
</ul>
Square bullet list :
- Burung
- Ayam
- Angsa
<ul style="list-style-type: square;">
<li>Burung</li>
<li>Ayam</li>
<li>Angsa</li>
</ul>
A nested list :
- Burung
- Ayam
- Burung
- Ayam
- Angsa
<ul>
<li>Burung</li>
<li>Ayam
<ul>
<li>Burung</li>
<li>Ayam</li>
</ul>
</li>
<li>Angsa</li>
</ul>
A nested list 2 :
- Burung
- Ayam
- Elang
- Kampung
- Africa
- China
- Angsa
<ul>
<li>Burung</li>
<li>Ayam
<ul>
<li>Elang</li>
<li>Kampung
<ul>
<li>Africa</li>
<li>China</li>
</ul>
</li>
</ul>
</li>
<li>Angsa</li>
</ul>
Posting Komentar