|
| 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | |
|
|
|
|
|
|
|
Blog tips เก็บ ๆ เค้ามา #7 การสร้างรายชื่อมีชนชั้น
lists แบบต่าง ๆ
LISTS
ใน เก็บตกครั้งที่ผ่านมา เราคงคุ้นกับการใช้ list แล้วนะครับในคราวนี้ลองมาดูการใช้ list ที่มีลำดับ (order lists) กันบ้างครับ
Order lists
คำสั่งที่ใช้ คือ ... แทน Order List และ ข้อความแทนข้อความในแต่ละหัวข้อที่เราจะตั้งชื่อไว้ครับ ตัวอย่าง : สัตว์เลี้ยงยอดนิยม ได้แก่ - สุนัข
- แมว
- หนู
- นก
ผลที่ได้ : สัตว์เลี้ยงยอดนิยมได้แก่ - สุนัข
- แมว
- หนู
- นก
หากว่าต้องการทำให้เป็น sublist ลงไปอีก ก็ทำได้โดยอย่าเพิ่งปิดด้วยคำสั่ง แต่ใช้ เข้าไปอีกที ตัวอย่าง : สัตว์เลี้ยงยอดนิยม ได้แก่
- สุนัข
- แมว
- หนู
<---- สังเกตว่าไม่ได้ใส่ / หน้า ol ไม่ใช่ tagปิด
- หนูโชว์พาวว์ เอ๊ย หนูตะเพา
>- หนูไม่รู้
- นก
<---- ลองแบบไม่เรียงลำดับบ้างครับ
- นกแก้ว
- นกล่อทั้งเหยือก(เบียร์)
<----อันนี้เป็นแบบไม่เรียงลำดับต้องลงท้ายด้วย ul นะครับ
ผลที่ได้ : สัตว์เลี้ยงยอดนิยม ได้แก่- สุนัข
- แมว
- หนู
- หนูโชว์พาวว์ เอ๊ย หนูตะเพา
- หนูไม่รู้
- นก
- นกแก้ว
- นกล่อทั้งเหยือก(เบียร์)
เช่นเคยนะครับ อย่าลืมเอาไปทำเป็นบรรทัดเดียวกันก่อนด้วย หากจะลอง
สังเกตว่า ผมไม่ได้ใส่ภาพในคำสั่งเปลี่ยน bullet เลย แต่เนื่องจากเราใช้ style ไว้จากเรื่อง unorder lists ทำให้เราไม่สามารถจะใช้ bullet ปกติได้ มีรูปมาแทนไปเลย การใช้ style นั้นจะกำหนดให้ทั้งหน้าของเรามีรูปแบบเดียวกันไปหมดครับ
ถ้าอยากเริ่มจากเลขอื่น ๆ ที่ไม่ใช่เลข 1 ก็ทำได้โดย ใส่ ... แทนครับ
ตัวอย่าง : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่ - กุ้ง
- ปู
- มด
ผลที่ได้ : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่ - กุ้ง
- ปู
- มด
หรือถ้าอยากให้มันกระโดดข้ามไปเลย ก็อาจจะใส่ value="ตัวเลขที่ต้องการ" ไปใน บรรทัดที่ต้องการได้เลยครับ เช่น
ตัวอย่าง : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่- กุ้ง
- เจี๊ยบ (ไม่ใช่สัตว์ตามลำดับ แต่จะข้าม จะทำไม เฮอะ!)
- มด
ผลที่ได้ : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่ - กุ้ง
- เจี๊ยบ (ไม่ใช่สัตว์ตามลำดับ แต่จะข้าม จะทำไม เฮอะ!)
- มด
การใช้แบบของ order list อื่นที่ไม่ใช่ตัวเลข
อันนี้ไม่ยากครับ เราอาจจะแทนด้วยการใช้สัญลักษณ์ชนิดอื่น ๆ ก็ได้ เช่น A, B, C หรือ a, b, c โดยใส่คำสั่ง ลงไปครับ ตัวเลือกได้แก่ A, a, I (ตัวเลข 1 ของโรมัน) และ i ครับ
ตัวอย่าง : Who is the Miss Universe 2005?
- Miss Canue da
- Miss Canada
ผลที่ได้ : Who is the Miss Universe 2005?
- Miss Can na do
- Miss Canue da
- Miss Canada
คงจะปวดหัวกันน่าดู แหะ แหะ
คำนิยาม
สุดท้ายแล้วครับ สำหรับ การใช้ list อีกอันที่มีประโยชน์ระดับหนึ่งทีเดียว นั้นคือ การให้คำนิยาม เหมาะกับคนที่ทำพจนานุกรมครับ เราใช้คำสั่ง
- คำที่ต้องการแปลความหมาย
- คำนิยามของคำศัพท์เมื่อสักครู่นี้น่ะครับ
โดย dl หมายถึง definition list ส่วน dt ก็คือ definition term ซึ่งหมายถึงคำศัพท์ที่เราจะอธิบาย และ dd ก็คือ definition description หรือ คำอธิบายของคำศัพท์นั่นล่ะครับ
ลองมาดูกันดีกว่าครับ ตัวอย่าง :
- แห้ว
- คำนาม ; พืชหัวชนิดหนึ่ง มีรสหวานมันใช้ทำขนม
- :วิเศษณ์ ; ใช้ขยายกับกริยา 'กิน' ทำให้มีความหมายว่า พลาด หรือผิดหวัง คล้ายกับคำว่า กินไข่ แต่กินไข่จะให้ความรู้สึกสิ้นหวังกว่า
- แสลง(หู) ; กริยา และคำนามของผู้ที่ผิดหวัง อกหัก รักคุด อันเกิดจากการที่อีกฝ่ายไม่ใส่ใจจะกระทำการรักตอบอย่างจริงจัง โดยอาจจะหลอกไว้ใช้ เรียก แห้วแล้วยังไม่รู้ หรือจะทำให้เห็นชัดว่าไม่สนใจ โดยการด่าให้เห็นเลยก็ได้
ผลที่ได้ :
- แห้ว
- คำนาม ; พืชหัวชนิดหนึ่ง มีรสหวานมันใช้ทำขนม
- วิเศษณ์ ; ใช้ขยายกับกริยา 'กิน' ทำให้มีความหมายว่า พลาด หรือผิดหวัง คล้ายกับคำว่า กินไข่ แต่กินไข่จะให้ความรู้สึกสิ้นหวังกว่า
- แสลง(หู) ; กริยา และคำนามของผู้ที่ผิดหวัง อกหัก รักคุด อันเกิดจากการที่อีกฝ่ายไม่ใส่ใจจะกระทำการรักตอบอย่างจริงจัง โดยอาจจะหลอกไว้ใช้ เรียก แห้วแล้วยังไม่รู้ หรือจะทำให้เห็นชัดว่าไม่สนใจ โดยการด่าให้เห็นเลยก็ได้
เป็นไงครับ หวังว่าคงจะได้ประโยชน์ไม่มากก็น้อยครับผม
[สมุดเยี่ยม]
Create Date : 03 มิถุนายน 2548 |
|
9 comments |
Last Update : 2 ธันวาคม 2549 23:12:54 น. |
Counter : 1615 Pageviews. |
|
|
|
|
| |
โดย: ฉะฉาน 3 มิถุนายน 2548 2:03:58 น. |
|
|
|
| |
โดย: JC2002 3 มิถุนายน 2548 9:28:53 น. |
|
|
|
| |
โดย: ไม่รักไม่มา ...Naka IP: 85.16.27.71 17 มิถุนายน 2548 16:47:18 น. |
|
|
|
| |
โดย: ....... IP: 203.113.76.13 9 กันยายน 2548 23:30:08 น. |
|
|
|
| |
โดย: เกดจัง 15 มกราคม 2549 15:56:46 น. |
|
|
|
| |
โดย: generic zocor IP: 193.69.180.120 28 พฤศจิกายน 2549 6:44:04 น. |
|
|
|
|
|
|
|