this → Artikel Baru – ( Atrikel Lama ↓ )

Cara Membuat Ordered List Menggunakan HTML

Tag <ol> digunakan untuk membuat sebuah ordered list yang hasilnya berupa list dengan nomor yang berurutan. Tag <ol> memiliki atribut TYPE yang dapat digunakan untuk menentukan bentuk penomoran yang digunakan dalam list. Ada lima bentuk penomoran yang dapat dipilih pada atribut TYPE, yaitu 1, a, A, i, I. Setiap teks yang akan dimasukkan dalam ordered list juga diberi tanda tag <li>. Pada materi ini peserta didik akan mempelajari bagaimana cara untuk membuat daftar list dengan sistem penomoran, sebelum memulai kegiatan peserta didik terlebih dahulu mempersiapkan alat-alat yang akan digunakan dalam kegiatan praktik mulai dari PC atau perangkat mobile. Setelah persiapan selesai, lakukan praktik sesuai instruksi berikut ini:

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

Membuat Ordered List

</title>

</head>

 

<body>

Daftar menu makanan yang tersedia: <br>

<ol TYPE=1>

<li>Mie Goreng</li>

<li>Nasi Goreng</li>

<li>Ayam Goreng</li>

<li>Satu Usus</li>

</ol>

 

Daftar jenis minuman yang tersedia: <br>

<ol TYPE=A>

<li>Es Jeruk</li>

<li>Jus Alfukat</li>

<li>Marimas Cincau</li>

<li>Mineral Water</li>

</ol>

 

Daftar jenis sayur yang tersedia: <br>

<ol TYPE=i>

<li>Sayur Kangkung</li>

<li>Sayur Lodeh</li>

<li>Sayur Asem</li>

<li>Sayur Gori</li>

</ol>

 

</body>

</html>


tiga, Simpan dengan nama "latihan16.html".
empat, Jalankan file latihan16.html pada browser masing-masing yang terdapat pada kompuer.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Ordered list dibuat menggunakan elemen OL, dan setiap item list dimulai dengan elemen LI. Ordered list digunakan ketika urutan dari list tersebut penting. List item dalam ordered list ditandai dengan simbol angka.

    BalasHapus
  3. Jika seorang peranang web diminta untuk meletakkan item dalam sebuah daftar bernomor, maka daftar urutan atau ordered list pada HTML dapat digunakan untuk hal tersebut. Daftar ini dibuat dengan menggunakan tag OL, dimana penomoran dimulai dari satu dan bertambah satu untuk setiap elemen daftar berurutan yang diberi tag LI.

    BalasHapus
  4. Apakah perbedaan antara ordered list, unordered list, dan definition list pada laman html?

    BalasHapus
    Balasan
    1. Unordered list digunakan untuk membuat daftar item yang saling berkaitan, tanpa memerhatikan urutan list.

      Ordered list digunakan untuk membuat daftar item yang saling berkaitan, dalam dengan memerhatikan urutan list.

      Description list digunakan untuk membuat list dari kumpulan istilah-istilah beserta deskripsinya.

      Hapus
  5. Bagaimana cara tercepat untuk menampilkan list dalam satu baris penulisan pada laman html?

    BalasHapus
    Balasan
    1. Cara tercepat untuk menampilkan daftar list dalam satu baris adalah dengan memberikan elemen LI yang menampilkan nilai properti dari inline atau block-inline, dimana semua elemen LI ditempatkan dalan satu baris tunggal, dengan spasi tunggal yang ditempatkan antar tiap list.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

6 Aturan Penting Switch Statement pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java