ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 13 HTML Lists
   HTML Lists  คือ การสร้างรายการใน html  รายการใน html มี 3 แบบด้วยกัน คือ
1.รายการแบบไม่มีลำดับ (unordered list) ใช้แท็ก <ul>
   รายการแบบไม่มีลำดับ จะใช้แท็ก <ul> (ย่อมาจาก unordered list) และแต่ละรายการภายในจะอยู่ในแท็ก <li> (ย่อมาจาก list item)
โดยแต่ละรายการจะแสดงเครื่องหมายด้วยจุดวงกลมสีดำ (โดยค่าเริ่มต้น)
ตัวอย่าง

<html>
<body>

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

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

ผลลัพธ์คือ

2.รายการแบบมีลำดับ (ordered list) ใช้แท็ก <ol>

   รายการแบบมีลำดับ จะใช้แท็ก <ol> (ย่อมาจาก ordered list) และแต่ละรายการภายในจะอยู่ในแท็ก <li> (ย่อมาจาก list item) เหมือนกับแท็ก <ul>
โดยแต่ละรายการจะแสดงเป็นตัวเลขเรียกลำดับกันไป (โดยค่าเริ่มต้น)
ตัวอย่าง

<html>
<body>

<ol>
  <li>ผัดไทย</li>
  <li>บะหมี่</li>
  <li>สปาเกตตี้</li>
</ol>

<ol start="50">
  <li>ผัดไทย</li>
  <li>บะหมี่</li>
  <li>สปาเกตตี้</li>
</ol>
 
</body>
</html>

ผลลัพธ์คือ

3.รายการแบบคำนิยาม (definition list) ใช้แท็ก <dl>
   รายการแบบคำนิยาม คือ รายการของแต่ละข้อมูล และมีคำอธิบายของแต่ละรายการ
รายการแบบคำนิยามจะใช้แท็ก <dl> (ย่อมาจาก definition list ) และแต่ละรายการภายในจะอยู่ในแท็ก <dt> และ คำอธิบายของแต่ละแท็ก <dt> จะอยู่ในแท็ก <dd>
ตัวอย่าง

<html>
<body>

<dl>
  <dt>ผัดไทย</dt>
  <dd>วุ้นเส้น ทะเล</dd>
  
  <dt>บะหมี่</dt>
  <dd>แห้ง หมูแดง</dd>
</dl>

</body>
</html>

ผลลัพธ์คือ

Tag ที่เกี่ยวข้อง

<ol> กำหนดรายการที่มีลำดับ
<ul> กำหนดรายการที่ไม่มีลำดับ
<li> กำหนดข้อมูลของแต่ละรายการ
<dl> กำหนดรายการคำนิยาม
<dt> กำหนดข้อมูลของแต่ละรายการ
<dd> กำหนดคำอธิบายของแต่ละข้อมูล

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการ Overrite การแจ้งเตือนเพื่อนำมาปรับแต่งใน Extension ของ phpbb
โดย Ittichai_chupol อ 28 เม.ย. 2020 7:01 pm บอร์ด PHP Knowledge
0
227
อ 28 เม.ย. 2020 7:01 pm โดย Ittichai_chupol
จะเขียน py ธรรมดาอ่านไฟล์ config ทำยังไงค่ะ
โดย thatsawan อ 28 เม.ย. 2020 4:42 pm บอร์ด Programming - C/C++ & java & Python
1
156
พฤ 30 เม.ย. 2020 11:00 am โดย jirawoot
ต้องการติดตั้ง psycopg2 ในเครื่อง windows 10 ยังไงค่ะ
โดย thatsawan อ 28 เม.ย. 2020 3:23 pm บอร์ด Programming - C/C++ & java & Python
11
235
อ 28 เม.ย. 2020 4:01 pm โดย thatsawan
ต้องการรันไฟล์ python 2.7 ที่ติดตั้งไว้เเล้ว ทำยังไงค่ะ
โดย thatsawan อ 28 เม.ย. 2020 2:20 pm บอร์ด Programming - C/C++ & java & Python
2
143
อ 28 เม.ย. 2020 3:12 pm โดย thatsawan
ตัวช่วยในการค้นหาสินค้าตามหมวดหมู่และค้นหาจากคีย์เวิร์ด Module Ajax Search ของ MooZiiCart
โดย prmindphp จ 27 เม.ย. 2020 6:58 pm บอร์ด MindPHP News & Feedback
0
100
จ 27 เม.ย. 2020 6:58 pm โดย prmindphp
อยากทำ create table แบบกรอกชื่อ table เองผ่านเว็ป
โดย tanapong ส 25 เม.ย. 2020 11:06 pm บอร์ด Programming - PHP
10
3643
จ 27 เม.ย. 2020 2:06 pm โดย tanapong
ตัวช่วยในการ Restore ระบบ เพื่อเคลียร์ข้อมูลต่างๆ Plugin System MRestore
โดย prmindphp ศ 24 เม.ย. 2020 6:50 pm บอร์ด MindPHP News & Feedback
0
155
ศ 24 เม.ย. 2020 6:50 pm โดย prmindphp
tkinter ตั้งหน้าจอ
โดย Anonymous ศ 24 เม.ย. 2020 6:41 pm บอร์ด Programming - C/C++ & java & Python
0
115
ศ 24 เม.ย. 2020 6:41 pm โดย บุคคลทั่วไป
อยากได้คำสั่ง SQL update sequence ใน postgresql
โดย thatsawan ศ 24 เม.ย. 2020 5:21 pm บอร์ด SQL - Database
1
290
จ 27 เม.ย. 2020 3:45 pm โดย thatsawan
ทำไมผม export ออกมาแล้วถึงมี comma แต่ล่ะตัวอักษรเลยครับ
โดย Anonymous พฤ 23 เม.ย. 2020 7:37 pm บอร์ด Programming - C/C++ & java & Python
1
245
พฤ 23 เม.ย. 2020 10:09 pm โดย mindphp
เช็คเวอร์ชั่นของส่วนเสริมทั้งหมดได้ง่ายๆด้วย Module MDVersions
โดย prmindphp พฤ 23 เม.ย. 2020 6:47 pm บอร์ด MindPHP News & Feedback
0
184
พฤ 23 เม.ย. 2020 6:47 pm โดย prmindphp
สอบถามเรื่องวิทยุออนไลน์
โดย dekchaymax พฤ 23 เม.ย. 2020 11:10 am บอร์ด Mobile Programming - Android, iOS, Window Phone
6
676
พฤ 23 เม.ย. 2020 1:39 pm โดย dekchaymax
สร้างปุ่ม Social Share เพื่อแชร์คอนเทนต์ไปยังโซเชี่ยลมีเดียด้วย Content Msocial
โดย prmindphp พ 22 เม.ย. 2020 6:50 pm บอร์ด MindPHP News & Feedback
0
117
พ 22 เม.ย. 2020 6:50 pm โดย prmindphp
เราสามารถตั้ง Set PRIMARY KEY ว่าจะให้เริ่มต้นที่เลขอะไร ได้มั้ย
โดย thatsawan พ 22 เม.ย. 2020 6:07 pm บอร์ด SQL - Database
3
358
พ 22 เม.ย. 2020 7:20 pm โดย thatsawan
อยากทราบวิธีการ override ไฟล์ Quote มาใช้งานใน Extension ของ phpbb
โดย Ittichai_chupol พ 22 เม.ย. 2020 5:50 pm บอร์ด Programming - PHP
0
137
พ 22 เม.ย. 2020 5:50 pm โดย Ittichai_chupol
สร้าง Content Marketing เชื่อมกับสินค้าด้วย Content Product Match ของ MooZiiCart
โดย prmindphp อ 21 เม.ย. 2020 6:40 pm บอร์ด MindPHP News & Feedback
0
329
อ 21 เม.ย. 2020 6:40 pm โดย prmindphp
อยากให้แสดงเฉพาะคำที่ค้นหา ต้องเขียน code ยังไงครับ
โดย ajsudkedt อ 21 เม.ย. 2020 12:18 pm บอร์ด Programming - PHP
7
343
อ 21 เม.ย. 2020 2:21 pm โดย ajsudkedt
อยากทราบวิธีการแก้ไขปัญหาเรื่องการเรียกใช้งานการแจ้งเตือน ใน Extension ของ phpbb
โดย Ittichai_chupol อ 21 เม.ย. 2020 10:25 am บอร์ด Programming - PHP
1
347
อ 21 เม.ย. 2020 10:56 am โดย thatsawan
การจำลองเซิร์ฟเวอร์ เขียน php ใน Windows 10 โดยใช้ IIS (Internet Information Service)
โดย tsukasaz จ 20 เม.ย. 2020 2:38 pm บอร์ด Share Knowledge
0
327
จ 20 เม.ย. 2020 2:38 pm โดย tsukasaz
flask: AttributeError: 'NoneType' object has no attribute 'medlist'
โดย penrudee อ 19 เม.ย. 2020 9:28 am บอร์ด Programming - C/C++ & java & Python
6
202
อ 21 เม.ย. 2020 8:59 am โดย penrudee