kode html

Tuliskan cara membuat daftar list angka di html

rizkasurya11 rizkasurya11

18.04.2021
TI
Sekolah Menengah Pertama

terjawab

1. Jelaskan cara membuat daftar/list di html? 2. Tuliskan contoh program html untuk : judul heading
3. Tuliskan contoh program html untuk : judul di daftar/list.

Lihat jawaban

List atau yang biasa kita sebut dengan daftar berurutan adalah salah satu struktur html yang digunakan untuk menyajikan data secara berurutan dari atas ke bawah dalam bentuk daftar.

Sedangkan, salah satu penerapan dari list sendiri yaitu daftar isi konten.

Macam-Macam List pada HTML

Pada dasarnya ada tiga macam list pada html, yaitu:

Ordered List adalah list yang terurut [tag

Unordered List adalah list yang tak terurut [tag

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

dan Description List adalah list yang berisi definisi. [tag

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

Lalu apa perbedaanya?

Mari kita bahas lebih lanjut...

#1 Ordered List

Untuk membuat ordered list kita akan menggunakan tag

Lalu didalamnya kita membutuhkan tag

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

Berikut format penulisan ordered list pada html:


  Item Pertama
  Item Kedua
  dan Seterusnya

Silahkan perhatikan contoh berikut:

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

List diatas akan diurutkan berdasarkan angka

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

Namun anda bisa menambahkan atribut

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

8 untuk alfabet a, b, c, dan seterusnya;

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

9 untuk alfabet A, B, C, dan seterusnya;

```
  Javascript
  Python
```
0 untuk angka romwari i, ii, iii, dan seterusnya;
```
  Javascript
  Python
```
1 untuk angka romwari I, II, III, dan seterusnya.

Contoh:


  Javascript
  Python

#2 Unordered List

Unordered list adalah list yang tak terurut yang menggunakan simbol-simbol pada item-nya.

Untuk membuat Unordered list kita membutuhkan tag

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

Berikut format penulisannya:


  Item Pertama
  Item Kedua
  Item Selanjutnya

Sehingga jika kita tulis kedalam html akan seperti berikut:

DOCTYPE html>


    Membuat Unordered List


  
    Javascript
    PHP
    Java
    Python

Secara default simbol yang digunakan oleh unordered list adalah lingkaran kecil [disc]..

..namun kita bisa menggantinya dengan atribut

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

Berikut ini nilai yang bisa diberikan untuk atribut

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

```
  Javascript
  Python
```
6 untuk simbol persegi;
```
  Javascript
  Python
```
7 [default] untuk simbol lingkaran disc;
```
  Javascript
  Python
```
8 tidak memakai simbol;
```
  Javascript
  Python
```
9 untuk simbol lingkaran;

Contoh:


  PHP
  Java

#3 Description List

Description List adalah list yang berisi deksripsi atau penjelasan dari sesuatu.

Ada tiga tag yang digunakan untuk membuat description list:

DOCTYPE html>


    Membuat Ordered List


  
    Javascript
    PHP
    Java

1 [description list] tag untuk memulai description list;

```
  Item Pertama
  Item Kedua
  Item Selanjutnya
```
1 [description term] tag untuk membuat kata yang akan dideskripsikan;
```
  Item Pertama
  Item Kedua
  Item Selanjutnya
```
2 [description description] tag untuk membuat penjelasan dari kata.

Format penulisannya seperti ini:


  Kata 1
  Deskripsi dari Kata 1
  Kata 2
  Deskripsi dari Kata 2

Sehingga jika ditulis dalam html akan sepeti contoh berikut:

DOCTYPE html>


    Membuat Unordered List


  
    Java
    Java adalah Bahasa pemrograman turunan dari Bahasa C
    Flutter
    Flutter adalah Bahasa pemrograman turunan dari Bahasa Dart

Tambahan: Nested List

Sedikit tambahan, yang dimaksud dari nested list adalah:

..kita analogikan ingin membuat daftar isi dari sebuah buku.

DOCTYPE html>


    Membuat Unordered List


  
    Bahasa C
      
        Bahasa C++
        Bahasa C#
        Bahasa Java
      
    
    Dart
      
        Flutter

Penutup

Dalam praktiknya, penggunaan tag list di dalam html sendiri tidak hanya digunakan untuk membuat daftar saja..

Bagaimana cara membuat daftar terurut daftar dengan item angka dalam HTML?

Di HTML, elemen untuk membuat daftar terurut dan tidak terurut adalah ol, ul dan li. Untuk membuat daftar terurut, Anda menggunakan elemen ol. Di dalam elemen ol ini, Anda dapat menuliskan tiap-tiap itemnya menggunakan elemen li. Secara standar, daftar terurut akan ditampilkan dengan menggunakan angka.

Apa saja tag tag untuk membuat daftar list angka di HTML?

Cara membuat ordered list HTML. Ordered list atau list angka/nomor dibuat dengan menggunakan tag

yang ditelakkan diantara tag pembuka
.

Tag apa yang digunakan untuk membuat list Ordered?

Ordered List digunakan untuk membuat daftar yang memiliki urutan. Contohnya yaitu: langkah-langkah, daftar isi, daftar siswa, susunan acara, dll. Tag yang digunakan untuk membuat ordered list yaitu

- , dan untuk membuat isi dari list menggunakan elemen

List HTML apa saja?

Ada tiga macam jenis list yang bisa dibuat di HTML:.

Ordered List adalah list yang terurut;.

Unordered List adalah list yang tak terurut;.

dan Descriptiona List adalah list yang berisi definisi..

Table Of Contents