Blog tips เก็บ ๆ เค้ามา #7 การสร้างรายชื่อมีชนชั้น lists แบบต่าง ๆ LISTS ใน เก็บตกครั้งที่ผ่านมา เราคงคุ้นกับการใช้ list แล้วนะครับในคราวนี้ลองมาดูการใช้ list ที่มีลำดับ (order lists) กันบ้างครับ Order lists คำสั่งที่ใช้ คือ
ตัวอย่าง : สัตว์เลี้ยงยอดนิยม ได้แก่ ผลที่ได้ : สัตว์เลี้ยงยอดนิยมได้แก่ หากว่าต้องการทำให้เป็น sublist ลงไปอีก ก็ทำได้โดยอย่าเพิ่งปิดด้วยคำสั่ง ตัวอย่าง : สัตว์เลี้ยงยอดนิยม ได้แก่
ผลที่ได้ : สัตว์เลี้ยงยอดนิยม ได้แก่
เช่นเคยนะครับ อย่าลืมเอาไปทำเป็นบรรทัดเดียวกันก่อนด้วย หากจะลอง สังเกตว่า ผมไม่ได้ใส่ภาพในคำสั่งเปลี่ยน bullet เลย แต่เนื่องจากเราใช้ style ไว้จากเรื่อง unorder lists ทำให้เราไม่สามารถจะใช้ bullet ปกติได้ มีรูปมาแทนไปเลย การใช้ style นั้นจะกำหนดให้ทั้งหน้าของเรามีรูปแบบเดียวกันไปหมดครับ ถ้าอยากเริ่มจากเลขอื่น ๆ ที่ไม่ใช่เลข 1 ก็ทำได้โดย ใส่
ตัวอย่าง : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่
ผลที่ได้ : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่
หรือถ้าอยากให้มันกระโดดข้ามไปเลย ก็อาจจะใส่ value="ตัวเลขที่ต้องการ" ไปใน ตัวอย่าง : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่
ผลที่ได้ : สัตว์เลี้ยงยอดนิยมถัด ๆ ไป ได้แก่
การใช้แบบของ order list อื่นที่ไม่ใช่ตัวเลข อันนี้ไม่ยากครับ เราอาจจะแทนด้วยการใช้สัญลักษณ์ชนิดอื่น ๆ ก็ได้ เช่น A, B, C หรือ a, b, c โดยใส่คำสั่ง
ตัวอย่าง : Who is the Miss Universe 2005? ผลที่ได้ : Who is the Miss Universe 2005? คงจะปวดหัวกันน่าดู แหะ แหะ คำนิยาม สุดท้ายแล้วครับ สำหรับ การใช้ list อีกอันที่มีประโยชน์ระดับหนึ่งทีเดียว นั้นคือ การให้คำนิยาม เหมาะกับคนที่ทำพจนานุกรมครับ เราใช้คำสั่ง โดย dl หมายถึง definition list ส่วน dt ก็คือ definition term ซึ่งหมายถึงคำศัพท์ที่เราจะอธิบาย และ dd ก็คือ definition description หรือ คำอธิบายของคำศัพท์นั่นล่ะครับ ลองมาดูกันดีกว่าครับ ตัวอย่าง : ผลที่ได้ : เป็นไงครับ หวังว่าคงจะได้ประโยชน์ไม่มากก็น้อยครับผม ขอบคุณจ้า
![]() ![]() โดย: ฉะฉาน
![]() ขอบคุณกับความรู้ที่นำมาแชร์กันค่ะ...
ปล. แวะมาเยี่ยมตามลิงค์ในห้องบล้อกหน้ารวมค่ะ.. พอดีเห็นหัวข้อน่าสนใจ เลยคลิกตามเข้ามาอ่าน.. โดย: JC2002
![]() vอย่างเครียดเลยเพ่
หงิหงิ แต่จะพยายามทำตามเน้อ น้องเก่ง น้องสวย น้องฉลาด อิอิ ชมตัวเองไว้ เผื่อมันจะเป็นจริงสักข้อ คริคริ ![]() ![]() ![]() โดย: มรกตนาคสวาท
![]() ยัง ....งง.......
![]() โดย: ไม่รักไม่มา ...Naka IP: 85.16.27.71 วันที่: 17 มิถุนายน 2548 เวลา:16:47:18 น.
ijpo;
![]() ![]() โดย: ....... IP: 203.113.76.13 วันที่: 9 กันยายน 2548 เวลา:23:30:08 น.
diflucan online:diflucan, buy diflucan, generic diflucan or generic diflucan;free talking ringtones:talking ringtone, talking ringtones, free talking ringtone or talking ringtones;cheap drug:drug, buy drug, generic drug or order drug;free sprint ringtone:sprint ringtone, sprint ringtones, free sprint ringtone or sprint ringtones;kyocera ringtones:kyocera ringtone, kyocera ringtones, free kyocera ringtone or kyocera ringtones;cheap nexium:buy nexium, generic nexium, order nexium or order nexium;free jazz ringtone:jazz ringtone, jazz ringtones, free jazz ringtone or jazz ringtones;free sagem ringtones:sagem ringtone, sagem ringtones, free sagem ringtone or sagem ringtones;free funny ringtone:funny ringtone, funny ringtones, free funny ringtone or funny ringtones;love ringtones:love ringtone, love ringtones, free love ringtone or love ringtones;free qwest ringtone:qwest ringtone, qwest ringtones, free qwest ringtone or qwest ringtones;free caller ringtones:caller ringtone, caller ringtones, free caller ringtone or caller ringtones;caller ringtones:caller ringtone, caller ringtones, free caller ringtone or caller ringtones;venlafaxine online:venlafaxine, buy venlafaxine, generic venlafaxine or buy venlafaxine;free phone ringtones:phone ringtone, phone ringtones, free phone ringtone or phone ringtones;free qwest ringtone:qwest ringtone, qwest ringtones, free qwest ringtone or qwest ringtones;free pantech ringtone:pantech ringtone, pantech ringtones, free pantech ringtone or pantech ringtones;generic diovan:diovan, buy diovan, generic diovan or generic diovan;cheap hgh:hgh, buy hgh, generic hgh or generic hgh;synthroid online:buy synthroid, generic synthroid, order synthroid or buy synthroid;order didrex:buy didrex, generic didrex, order didrex or generic didrex;free rap ringtone:rap ringtone, rap ringtones, free rap ringtone or rap ringtones;cheap fioricet:fioricet, buy fioricet, generic fioricet or generic fioricet;free telus ringtone:telus ringtone, telus ringtones, free telus ringtone or telus ringtones;free monophonic ringtone:monophonic ringtone, monophonic ringtones, free monophonic ringtone or monophonic ringtones;tracfone ringtones:tracfone ringtone, tracfone ringtones, free tracfone ringtone or tracfone ringtones;cheap zithromax:zithromax, buy zithromax, generic zithromax or buy zithromax;free tv ringtone:tv ringtone, tv ringtones, free tv ringtone or tv ringtones;order zithromax:buy zithromax, generic zithromax, order zithromax or generic zithromax;generic zocor:zocor, buy zocor, generic zocor or buy zocor; generic zocorโดย: generic zocor IP: 193.69.180.120 วันที่: 28 พฤศจิกายน 2549 เวลา:6:44:04 น.
ไม่รู้ทำไม...
ยิ่งอ่าน ... ... ... ก็ยิ่งงง 55555 ![]() โดย: LeaDGlasS
![]() |
บทความทั้งหมด
|