Apa li di html?

Hallo rekan-rekan editor, kali ini saya akan membahas macam-macam list di html, jika ingin tahu seperti apa, baca terus heehehe

OK List adalah elemen yang digunakan untuk menampilkan informasi dalam bentuk daftar. Biasanya digunakan untuk membuat menu. Ada tiga jenis daftar dalam HTML

  1. Daftar Berurutan adalah daftar berurut;
  2. Daftar Unordered adalah daftar unordered;
  3. Descriptiona Daftar adalah daftar yang berisi definisi

Mari kita bahas satu per satu

1. Cara Membuat Daftar Terurut dalam HTML

Daftar berurut adalah daftar berurut. Daftar ini ditandai dengan angka atau huruf di depannya sebagai penanda bahwa daftar ini sudah berurut. Daftar pesanan dibuat dengan tag _______8_______. Tag ini memiliki turunan berupa tag untuk membuat daftar item yaitu <li>. contoh

  • Apa li di html?

    • Facebook

    • Twitter

    • Google+

    • Pinterest

hasilnya adalah sebagai berikut

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

Lalu bagaimana jika kita ingin menggunakan huruf seperti _______10_______, _______11_______, _______12_______ atau angka romawi seperti _______13_______, _______14_______, _______15_______?

Mudah…

Untuk membuat sesuatu seperti itu, kita dapat menggunakan atribut type pada tag ol

contoh

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

hasil

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

2. Cara membuat unordered list di HTML

Sedangkan untuk unordered list biasanya digunakan simbol. Cara membuatnya menggunakan tag _______9_______0 (unordered list). Itu juga memiliki anak yang sama dengan _______9_______0. Contoh

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

hasil

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

3. Cara Membuat Daftar Deskripsi di HTML

Daftar ini digunakan untuk menampilkan keterangan/penjelasan. Misalnya seperti kamus. Tag untuk membuat daftar deskripsi adalah <li>2 (daftar data). Pada tag ini terdapat tag _______9________3 (istilah data) dan ______9_______4 (deskripsi data). Contoh

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

hasil

Apa li di html?

  • Facebook

  • Twitter

  • Google+

  • Pinterest

Dan terakhir saya akan membuat biodata sendiri dengan menggunakan list di html dan menggabungkannya dengan tabel. programnya adalah sebagai berikut

Di lingkungan halaman web, ada banyak elemen membangun situs web antara LIST dan LINK,

DAFTAR

Merupakan perintah dalam pemrograman HTML yang berfungsi untuk membuat daftar dengan atau tanpa urutan tertentu,

DAFTAR TANPA URUTAN SINTAKS

  <ul>
   <li>Coffee</li>
  <li>Tea</li>
   <li>Milk</li>
 </ul>   

DAFTAR PESANAN SINTAKSIS

 <ol>
   <li>Coffee</li>
  <li>Tea</li>
   <li>Milk</li>
 </ol>   

_

TAUTAN

Ini adalah perintah untuk membuat artikel di situs web dapat diklik dan mengarah ke tautan tertentu

<ul>_ menunjukkan Unordered List atau Random List. Elemen HTML <ul>_ digunakan untuk mewakili daftar item atau kumpulan item yang dapat disusun ulang secara acak tanpa penomoran. Artinya, jika urutan item diubah, tidak akan mempengaruhi dokumen (lihat di bawah)

Untuk menulis sebuah item dalam daftar (list), digunakan element

  • yang menunjukkan List Item. Jadi,
  • terletak didalam <ul> dan dapat ditulis lebih dari satu element. <ul> juga bisa saja terletak (ditulis) didalam
    <p>Budi pernah tinggal di kota-kota berikut:</p>
    <ul>
      <li>Aceh</li>
      <li>Bandung</li>
      <li>Jakarta</li>
      <li>Serang</li>
      <li>Tangerang</li>
    </ul>
    
    1 yang menunjukkan tingkatan daftar (list) bersarang (nested).

    AtributTag Atribut HTML <ul>

    Tidak ada atribut standar yang dapat digunakan. Atribut yang usang (tidak didukung) oleh HTML5, tidak dibahas di sini


    Atribut GlobalAtribut Secara Global (Keseluruhan)

      tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

      Silakan, lihat referensi di HTML Global Attribute

    Atribut AcaraAtribut peristiwa (Acara)

      tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

      Silakan, lihat referensi di Atribut Acara HTML

    ContohContoh HTML <ul> elemen

    Contoh 1

    Contoh sederhana

    HTML

    <ul>
      <li>Apel</li>
      <li>Jeruk</li>
      <li>Melon</li>
    </ul>
    

    Contoh 2

    HTML

    <p>Budi pernah tinggal di kota-kota berikut:</p>
    <ul>
      <li>Aceh</li>
      <li>Bandung</li>
      <li>Jakarta</li>
      <li>Serang</li>
      <li>Tangerang</li>
    </ul>
    

    Contoh di atas (

    <p>Budi pernah tinggal di kota-kota berikut:</p>
    <ul>
      <li>Aceh</li>
      <li>Bandung</li>
      <li>Jakarta</li>
      <li>Serang</li>
      <li>Tangerang</li>
    </ul>
    
    1) adalah daftar item kota yang disusun (dari atas ke bawah) menurut abjad (A sampai Z). Jika urutan kota diubah seperti ini

    HTML

    <p>Budi pernah tinggal di kota-kota berikut:</p>
    <ul>
      <li>Tangerang</li>
      <li>Jakarta</li>
      <li>Serang</li>
      <li>Bandung</li>
      <li>Aceh</li>
    </ul>
    
    _

    Sehingga tidak akan mempengaruhi makna dari konten yang disajikan. Artinya sama saja, Budi pernah tinggal di 5 kota di atas

    Contoh 3

    Contoh level daftar bersarang

    HTML

    <ul>
      <li>Mobil</li>
      <li>Motor
      <ul>
        <li>Yamaha</li>
        <li>Honda
          <ul>
            <li>Beat</li>
            <li>Vario</li>
            <li>Supra X</li>
          </ul>
        </li>
        <li>Suzuki</li>
      </ul>
      </li>
      <li>Sepeda</li>
    </ul>
    

    Contoh Lengkap

    Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (pratinjau) kodenya

    Apa itu ul dan li dalam HTML?

    Unordered list adalah unordered list yang menggunakan simbol pada itemnya . Unordered list dibuat dengan tag

    Apa itu daftar tag HTML?

    list atau yang kita kenal dengan sequential list adalah sebuah fungsi dalam HTML yang digunakan untuk menampilkan data dengan urutan menurun . Dalam HTML, daftar daftar menggunakan tag

    Berapa banyak daftar yang ada di HTML?

    Ada tiga jenis daftar dalam HTML. .
    Daftar Berurutan adalah daftar berurut;
    Daftar Unordered adalah daftar unordered;
    Descriptiona Daftar adalah daftar yang berisi definisi

    Apa itu ul di CSS?

    Elemen HTML ul (un-ordered list) adalah elemen HTML yang digunakan untuk menampilkan daftar (list) dalam berupa bullet atau detail bullet. Daftar yang ditampilkan tidak dalam berupa urutan angka atau huruf tetapi ditampilkan dalam bentuk bullet atau titik kecil sebagai penanda register.