Membuat lists di html - belajar html

Membuat Lists di html

lists html

HTML menawarkan penulis web tiga cara untuk menentukan daftar informasi. Semua daftar harus berisi satu atau beberapa elemen daftar. Daftar mungkin berisi −

  • <ul> − Daftar yang tidak berurutan. Ini akan mencantumkan item menggunakan poin biasa.

  • <ol> − Daftar yang dipesan. Ini akan menggunakan skema angka yang berbeda untuk mencantumkan item Anda.

  • <dl> − Daftar definisi. Ini mengatur item Anda dengan cara yang sama seperti yang diatur dalam kamus.

Deskripsi List html

HTML juga mendukung daftar deskripsi.

Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah.

Tag mendefinisikan daftar deskripsi, tag mendefinisikan istilah (nama), dan tag menjelaskan setiap istilah:<dl><dt><dd>

Daftar Definisi HTML

HTML dan XHTML mendukung gaya daftar yang disebut daftar definisi di mana entri terdaftar seperti dalam kamus atau ensiklopedia. Daftar definisi adalah cara ideal untuk menyajikan glosarium, daftar istilah, atau daftar nama/nilai lainnya.

Daftar Definisi menggunakan tiga tag berikut.

  • <dl> − Menentukan awal daftar
  • <dt> − Sebuah istilah
  • <dd> − Definisi istilah
  • </dl> − Menentukan akhir daftar
Contoh:
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Definition List</title>
   </head>
	
   <body>
      <dl>
         <dt><b>HTML</b></dt>
         <dd>This stands for Hyper Text Markup Language</dd>
         <dt><b>HTTP</b></dt>
         <dd>This stands for Hyper Text Transfer Protocol</dd>
      </dl>
   </body>
	
</html>
Hasilnya seperti ini:

HTML (dalam bahasa Inggris
Ini adalah singkatan dari Hyper Text Markup Language
Situs Web Web
Ini adalah singkatan dari Hyper Text Transfer Protocol

Unordered Lists

HTML Daftar Tanpa Urutan

Daftar yang tidak berurutan adalah kumpulan item terkait yang tidak memiliki urutan atau urutan khusus. Daftar ini dibuat dengan menggunakan tag HTML <ul>. Setiap item dalam daftar ditandai dengan poin.

Contoh:

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Unordered List</title>
   </head>
	
   <body>
      <ul>
         <li>Pulsa</li>
         <li>Kuota</li>
         <li>Token</li>
         <li>Bayar</li>
      </ul>
   </body>
   
</html>
Nantinya seperti ini:
  • Pulsa
  • Kuota
  • Token
  • Bayar

Untuk Tipe Atribut

Anda dapat menggunakan atribut type untuk tag <ul> untuk menentukan jenis poin yang Anda suka. Secara default, ini adalah disk. Berikut ini adalah opsi yang memungkinkan −

<ul type = "square">
<ul type = "disc">
<ul type = "circle">

Ordered Lists

HTML Daftar Yang Dipesan

Jika Anda diminta untuk memasukkan item Anda ke dalam daftar bernomor alih-alih berpoin, maka daftar urutan HTML akan digunakan. Daftar ini dibuat dengan menggunakan tag <ol>. Penomoran dimulai dari satu dan bertambah satu untuk setiap elemen daftar berurutan berturut-turut yang ditandai dengan <li>.

Contoh:

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Ordered List</title>
   </head>

   <body>
      <ol>
         <li>Jengkol</li>
         <li>Ketoprak</li>
         <li>Tempe</li>
         <li>Ayam</li>
      </ol>
   </body>

</html>
Hasilnya seperti ini:
  1. Jengkol
  2. Ketoprak
  3. Tempe
  4. Ayam

Untuk Tipe atributnya dibawah ini

Anda dapat menggunakan atribut type untuk tag <ol> untuk menentukan jenis penomoran yang Anda suka. Secara default, ini adalah angka. Berikut ini adalah opsi yang memungkinkan −

<ol type = "1"> - Default-Case Numerals.
<ol type = "I"> - Upper-Case Numerals.
<ol type = "i"> - Lower-Case Numerals.
<ol type = "A"> - Upper-Case Letters.
<ol type = "a"> - Lower-Case Letters.

Kesimpulan Lists html

  • Menggunakan elemen HTML untuk menentukan daftar deskripsi<dl>
  • Gunakan elemen HTML untuk menentukan istilah deskripsi<dt>
  • Menggunakan elemen HTML untuk mendeskripsikan istilah dalam daftar deskripsi<dd>
Previous Post Next Post