HTML Unordered List atau Daftar Tanpa Nomor Urut
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
Untuk menampilkan daftar barang atau benda tanpa nomor urutnya, maka gunakan kode
<ul><li> </li></ul>
<li> </li> digunakan untuk setiap benda yang didaftar.
<ul> </ul> digunakan untuk membungkus kode <li> </li>
Langkah-langkahnya
1. Tulislah perintah berikut
<!DOCTYPE html>
<html>
<body>
</body>
</html>
secara manual di halaman kosong di Google Docs.
2. Tulislah kode paragraf
<p> </p> ke dalam kode <body> </body>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p> </p>
</body>
</html>
3. Tulislah kode <ul><li> </li></ul>
ke dalam kode <p> </p>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p>
<ul><li> </li></ul>
</p>
</body>
</html>
4. Tulislah tiga benda yang masing-masing dimasukkan ke dalam kode <li> </li>
Misalnya
<li> Blogger </li>
<li> Google </li>
<li> Google Adsense </li>
sehingga kode menjadi
<!DOCTYPE html>
<html>
<body>
<p>
<ul>
<li> Blogger </li>
<li> Google </li>
<li> Google Adsense </li>
</ul>
</p>
</body>
</html>
5. Copy-lah seluruh kode tersebut
6. Kemudian beralih ke Blogger.
Bukalah akun Blogger anda.
Pilihlah menu Tampilan HTML (yang berada di sebelah atasnya menu Tampilan Menulis)
Di halaman menu Tampilan HTML inilah kita paste semua kode yang sudah kita copy dari Google Docs.
7. Pilihlah Publikasikan
Maaf, beberapa langkah sudah saya potong karena saya pikir anda sudah menguasai dan hafal langkah-langkah tersebut sehingga tidak perlu semua langkah secara detail ditampilkan di sini untuk selanjutnya.
Kode selengkapnya berikut:
<!DOCTYPE html>
<html>
<body>
<p>
<ul>
<li> Blogger </li>
<li> Google </li>
<li> Google Adsense </li>
</ul>
</p>
</body>
</html>
Hasil tampilannya sebagai berikut:
- Blogger
- Google Adsense
