Kali ini kita akan membahas 3 tag sekaligus. Karena masing-masing tag tidak dapat dipisahkan.
Tag <ol> dan <ul> keduanya membutuhkan tag <li> agar dapat menampilkan output. Tag-tag
ini berguna untuk menyusun suatu daftar yang ingin anda tonjolkan pada pengunjung website.
Ah... capek teori lebih baik langsung praktek saja OK. Ketik kode dibawah ini menggunakan teks editor kesayangan anda
.
<html>
<head>
<title>Atribut dari tag ol, ul dan li</title>
</head>
<body>
<p><b>Penggunaan tag ol dengan li</b></p>
<ol>
<li>Ini nomor 1</li>
<li>Ini nomor 2</li>
<li>Ini nomor 3</li>
</ol>
<p><b>Penggunaan
<ul>
<li>Ini bullet
<li>Ini bullet
<li>Ini bullet
</ul>
tag ul dengan li</b></p>
1</li>
2</li>
3</li>
<p><b>Gabungan tag ol, ul dan li</b></p>
<ul>
<li>Ini bullet 1</li>
<ol>
<li>Ini nomor 1</li>
<li>Ini nomor 2</li>
</ol>
<li>Ini bullet 2</li>
<ol>
<li>Ini nomor 1</li>
<li>Ini nomor 2</li>
</ol>
</ul>
</body>
</html>
Setelah selesai simpan dengan nama tag_ol_ul_li.html lalu jalankan pada browser. Maka
hasilnya seperti yang dapat anda lihat pada gambar dibawah ini.
Terimakasi telah berkunjung,,
sumber
saya dapat pada materi kuliah
sumber internet
www.w3schools.com
Post a Comment