HTML/CSS

Membuat Daftar Teks dan Daftar Terurut

Untuk membuat daftar teks (unordered list) dan daftar terurut (ordered list) dalam HTML, Anda dapat menggunakan elemen <ul> untuk daftar teks dan elemen <ol> untuk daftar terurut. Berikut adalah contoh penggunaannya:

Daftar teks (unordered list):

<!DOCTYPE html>
<html>
<head>
  <title>Judul Halaman</title>
</head>
<body>
  <h1>Selamat Datang di Situs sumberilmu.id</h1>
  <h2>Daftar Hobi:</h2>
  <ul>
    <li>Membaca</li>
    <li>Mendengarkan musik</li>
    <li>Berenang</li>
  </ul>
</body>
</html>

Daftar terurut (ordered list):

<!DOCTYPE html>
<html>
<head>
  <title>Judul Halaman</title>
</head>
<body>
  <h1>Selamat Datang di Situs sumberilmu.id</h1>
  <h2>Langkah-langkah Membuat Halaman Web:</h2>
  <ol>
    <li>Belajar HTML</li>
    <li>Belajar CSS</li>
    <li>Belajar JavaScript</li>
  </ol>
</body>
</html>

Dalam contoh di atas, elemen <ul> digunakan untuk membuat daftar teks, dan elemen <ol> digunakan untuk membuat daftar terurut. Setiap item dalam daftar didefinisikan menggunakan elemen <li>. Anda dapat menambahkan sebanyak mungkin elemen <li> sesuai dengan jumlah item yang ingin Anda tambahkan dalam daftar.

Hasilnya pada halaman web akan terlihat seperti ini:

Daftar Hobi:

  • Membaca
  • Mendengarkan musik
  • Berenang

Langkah-langkah Membuat Halaman Web:

  1. Belajar HTML
  2. Belajar CSS
  3. Belajar JavaScript

Dengan menggunakan elemen <ul> dan <ol>, Anda dapat membuat daftar teks dan daftar terurut dengan mudah dalam halaman HTML Anda.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back to top button