Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีเพิ่มคำจำกัดความพจนานุกรม (Glossary Definitions) ใน HTML

ใช้แท็ก <dl> (Description List) ใน HTML เพื่อเพิ่มคำจำกัดความพจนานุกรม แท็ก HTML <dl> ใช้สำหรับประกาศรายการคำจำกัดความ ใช้ร่วมกับ <dt> (Definition Term - คำศัพท์) และ <dd> (Definition Description - คำอธิบาย)

รายการคำจำกัดความ (Definition list) คล้ายกับรายการอื่นๆ แต่แต่ละรายการมี 2 ส่วน: คำศัพท์ และคำอธิบาย

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <dl>:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML dl Tag</title> 
  </head> 
  <body> 
    <dl> 
      <dt>รายการคำจำกัดความ</dt> 
      <dd>รายการของคำศัพท์และคำอธิบาย/นิยามของพวกเขา</dd> 
      <dt>HTML</dt> 
      <dd>บทเรียน HTML</dd> 
      <dt>PHP</dt> 
      <dd>บทเรียน PHP</dd> 
    </dl> 
  </body> 
</html>

โครงสร้าง:

  • <dl> - กรอบรายการคำจำกัดความ
  • <dt> - คำศัพท์ (Term)
  • <dd> - คำอธิบาย (Description) - สามารถมีหลาย dd ต่อ 1 dt ได้