รายการใน HTML: คู่มือการใช้รายการเพื่อแสดงข้อมูล

รายการเป็นส่วนสำคัญของ HTML สำหรับการแสดงข้อมูลในลักษณะที่เป็นระเบียบและสามารถอ่านได้ HTML มีสามประเภทหลักของรายการ: รายการที่ไม่เรียงลำดับ รายการที่เรียงลำดับ และรายการคำจำกัดความ

รายการที่ไม่เรียงลำดับ(<ul>) ใช้สัญลักษณ์แสดงหัวข้อย่อยเฉพาะ และแสดงเป็นรายการที่เยื้อง โดยทั่วไปจะใช้จุดสีดำ นี่เป็นตัวเลือกยอดนิยมสำหรับรายการที่ไม่ต้องมีคำสั่งซื้อเฉพาะ

รายการที่เรียงลำดับ(<ol>) ใช้เครื่องหมายตัวเลขหรืออักขระเฉพาะ และแสดงเป็นรายการที่เรียงลำดับตามลำดับ มักใช้สำหรับการแสดงรายการในลำดับเฉพาะหรือการกำหนดหมายเลข

รายการคำจำกัดความ(<dl>) ใช้คู่คำศัพท์และคำอธิบายเพื่อแสดงข้อมูล แต่ละคู่จะอยู่ภายในแท็ก <dt>(คำนิยาม) และ <dd>(คำอธิบายคำนิยาม) นี่เป็นวิธีที่มีประสิทธิภาพในการแสดงแอตทริบิวต์หรือคำจำกัดความสำหรับแนวคิดเฉพาะ

 

รายการที่ไม่เรียงลำดับ( <ul>)

- <ul> องค์ประกอบนี้ใช้เพื่อสร้างรายการที่ไม่มีลำดับ

- แต่ละรายการในรายการที่ไม่ได้เรียงลำดับจะอยู่ภายใน <li> องค์ประกอบ

- โดยทั่วไปแล้วรายการที่ไม่เรียงลำดับจะแสดงด้วยสัญลักษณ์แสดงหัวข้อย่อยหรืออักขระที่คล้ายกัน

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

 

รายการสั่งซื้อ( <ol>)

- <ol> องค์ประกอบนี้ใช้เพื่อสร้างรายการสั่งซื้อ

- แต่ละรายการในรายการสั่งซื้อจะอยู่ภายใน <li> องค์ประกอบ

- รายการที่สั่งซื้อโดยทั่วไปจะแสดงด้วยตัวเลขหรือตัวอักษร

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

 

รายการคำจำกัดความ( <dl>)

- <dl> องค์ประกอบที่ใช้เพื่อสร้างรายการคำจำกัดความ

- แต่ละรายการในรายการคำจำกัดความประกอบด้วยคู่ของ <dt> แท็ก(คำนิยาม) และ <dd>(คำอธิบายคำจำกัดความ)

- <dt> แท็กประกอบด้วยคำหลักหรือแอตทริบิวต์ที่กำหนด ในขณะที่ <dd> แท็กมีคำอธิบายหรือคำอธิบายสำหรับคำหลักหรือแอตทริบิวต์นั้น

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

 

แอตทริบิวต์ประเภทรายการ( <ul> และ <ol>)

- แอตทริบิวต์ประเภทใช้เพื่อระบุรูปแบบการกำหนดหมายเลขของรายการสั่งซื้อ

- ค่าของแอตทริบิวต์ประเภทสามารถเป็น "1"(ตัวเลข), "A"(ตัวพิมพ์ใหญ่), "a"(ตัวพิมพ์เล็ก), "I"(ตัวเลขโรมันตัวพิมพ์ใหญ่) หรือ "i"(ตัวเลขโรมันตัวพิมพ์เล็ก) .

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

 

แอตทริบิวต์เริ่มต้น( <ol>)

- แอตทริบิวต์ start ใช้เพื่อระบุค่าเริ่มต้นของลำดับเลขในรายการสั่งซื้อ

- ค่าของแอตทริบิวต์ start เป็นจำนวนเต็มบวก

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

 

แอตทริบิวต์ที่กลับด้าน( <ol>)

- แอตทริบิวต์ย้อนกลับใช้เพื่อแสดงรายการสั่งซื้อในลำดับย้อนกลับ

- เมื่อใช้แอตทริบิวต์ย้อนกลับ ลำดับเลขจะแสดงจากมากไปน้อย

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

 

คุณลักษณะและองค์ประกอบเหล่านี้ช่วยให้คุณสร้างและปรับแต่งรายการใน HTML ตามความต้องการของคุณ คุณสามารถใช้เพื่อแสดงข้อมูลอย่างชัดเจนและเป็นระเบียบบนเว็บไซต์ของคุณ