Senarai dalam HTML: Panduan menggunakan senarai untuk memaparkan data

Senarai ialah bahagian penting HTML untuk memaparkan data dengan cara yang teratur dan boleh dibaca. HTML menyediakan tiga jenis senarai utama: senarai tidak tersusun, senarai tersusun dan senarai definisi.

Senarai tidak tersusun(<ul>) menggunakan titik tumpu khas dan dipaparkan sebagai item inden, biasanya menggunakan titik hitam. Ini ialah pilihan popular untuk menyenaraikan item yang tidak memerlukan pesanan khusus.

Senarai tersusun(<ol>) menggunakan penomboran atau penanda aksara tertentu dan dipaparkan sebagai senarai tersusun secara berurutan. Ini sering digunakan untuk menyenaraikan item dalam susunan tertentu atau menomborkannya.

Senarai definisi(<dl>) menggunakan pasangan istilah dan perihalan untuk memaparkan data. Setiap pasangan disertakan dalam teg <dt>(istilah definisi) dan <dd>(huraian definisi). Ini ialah cara yang berkesan untuk memaparkan atribut atau definisi bagi konsep tertentu.

 

Senarai Tidak Tersusun( <ul>)

- <ul> Elemen digunakan untuk membuat senarai tidak tertib.

- Setiap item dalam senarai tidak tersusun diletakkan dalam <li> elemen.

- Senarai tidak tersusun biasanya dipaparkan dengan bulet atau aksara yang serupa.

<ul>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ul>  

 

Senarai Tertib( <ol>)

- <ol> Elemen digunakan untuk membuat senarai tersusun.

- Setiap item dalam senarai pesanan diletakkan dalam <li> elemen.

- Senarai tersusun biasanya dipaparkan dengan nombor atau aksara abjad.

<ol>  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Senarai Definisi( <dl>)

- <dl> Elemen digunakan untuk membuat senarai definisi.

- Setiap item dalam senarai definisi terdiri daripada sepasang tag <dt>(istilah definisi) dan <dd>(huraian definisi).

- <dt> Teg mengandungi kata kunci atau atribut yang ditakrifkan, manakala <dd> teg mengandungi penerangan atau penjelasan untuk kata kunci atau atribut tersebut.

<dl>  
  <dt>Keyword 1</dt>  
  <dd>Description for Keyword 1</dd>  
  <dt>Keyword 2</dt>  
  <dd>Description for Keyword 2</dd>  
</dl>  

 

Atribut Jenis Senarai( <ul> dan <ol>)

- Atribut jenis digunakan untuk menentukan gaya penomboran senarai tersusun.

- Nilai atribut jenis boleh menjadi "1"(nombor), "A"(huruf besar), "a"(huruf kecil), "I"(angka Rom besar), atau "i"(angka Rom kecil) .

<ol type="A">  
  <li>Item 1</li>  
  <li>Item 2</li>  
  <li>Item 3</li>  
</ol>  

 

Mulakan Atribut( <ol>)

- Atribut mula digunakan untuk menentukan nilai permulaan penomboran dalam senarai tersusun.

- Nilai atribut permulaan ialah integer positif.

<ol start="5">  
  <li>Item 5</li>  
  <li>Item 6</li>  
  <li>Item 7</li>  
</ol>  

 

Atribut Terbalik( <ol>)

- Atribut terbalik digunakan untuk memaparkan senarai tertib dalam susunan terbalik.

- Apabila atribut terbalik digunakan, penomboran akan dipaparkan dalam tertib menurun.

<ol reversed>  
  <li>Item 3</li>  
  <li>Item 2</li>  
  <li>Item 1</li>  
</ol>  

 

Atribut dan elemen ini membolehkan anda membuat dan menyesuaikan senarai dalam HTML mengikut keperluan anda. Anda boleh menggunakannya untuk memaparkan data dengan cara yang jelas dan teratur di tapak web anda.