More Related Content
More from ปิยะดนัย วิเคียน
More from ปิยะดนัย วิเคียน (15)
การสร้างลิสต์และการเชื่อมโยงเอกสาร
- 1. การเรียงลาดับรายการ (Lists)
1. การเรียงลาดับรายการด้วยสัญลักษณ์
<ul>
<li>รายการ</li>
<li>รายการ</li>
<li>รายการ</li>
</ul>
อาจจะใช้ <ul type=สัญลักษณ์ ></ul>เพื่อให้เกิดความหลากหลายสัญลักษณ์ที่ใช้ ได้แก่ circle, square
หรือ disk เพื่อหลีกเลี่ยงปัญหาแสดงสัญลักษณ์ ซึ่งค่าปกติคือ disk ผิดเพี้ยนไปเป็น ตัว ท ทหาร ใน
Netscape 3.xx จึงควรระบุให้ใช้ circle ไปเลย
2. การเรียงลาดับรายการด้วยตัวเลข
<ol>
<li>รายการ</li>
<li>รายการ</li>
<li>รายการ</li>
</ol>
อาจจะใช้ <ol type=ตัวเลข หรือตัวอักษร></ol>เพื่อให้เกิดความหลากหลาย
ตัวเลข หรือตัวอักษรที่ใช้ ได้แก่ 1 , i ,I ,A หรือ a
o อาจจะใช้ <ol start=ตัวเลข หรือตัวอักษรอื่นๆที่ไม่ใช่ค่าแรก> เช่น เริ่มที่ 3 หรือ d
o อาจจะใช้ <li value=ตัวเลข หรือตัวอักษรอื่นๆที่ต้องการระบุ> ในกรณีที่ไม่อยากให้เรียง
ตามลาดับปกติ
- 2. การเชื่อมโยงเอกสาร (Link)
ประเภทของการเชื่อมโยง
HTML แบ่งการเชื่อมโยงออกเป็น 2 ประเภท ดังนี้
การเชื่อมโยงภายในเว็บไซต์
การเชื่อมโยงนอกเว็บไซต์
การเชื่อมโยงทั้ง 2 ประเภทนี้ ยังแบ่งออกได้เป็นอีก 2 ชนิด คือ การเชื่อมโยงข้อมูลภายในแฟ้ม
เอกสาร และการเชื่อมโยงข้อมูลต่างแฟ้มเอกสาร
การเชื่อมโยงข้อมูลแฟ้มเอกสารต่างแฟ้มเอกสาร
<a href="ไฟล์ที่จะทาการเชื่อมโยงที่มีนามสกุล .html หรือ .htm">ข้อความ</a>
การเชื่อมโยงข้อมูลภายในแฟ้มเอกสาร
<a href="#ทาการตั้งชื่อตามความต้องการ">ข้อความ</a>
<a name="ชื่อที่ตั้งไว้เพื่อที่จะทาการเชื่อมโยงมาหา">ข้อความ</a>
การเชื่อมโยงนอกเว็บไซต์
<a href=http://URLที่ต้องการจะเชื่อมโยงไป target= “_blank”>ข้อความ</a>
การเชื่อมโยงแบบอีเมล์
<a href="mailto:ชื่อ E-mail address ของผู้ที่จะให้ส่ง E-mail กลับคืนมา">ข้อความ</a>
การเชื่อมโยงไฟล์ด้วยรูปภาพ
ในการเชื่อมโยงข้อมูลโดยใช้ตัวอักษรนั้น อาจจะทาให้เว็บเพจของเรานั้นไม่น่าสนใจ เราสามารถใช้รูปภาพ
มาทดแทนการเชื่อมโยงข้อมูลด้วยตัวอักษร
<a href="ไฟล์ที่มีนามสกุล .html"><img src="ชื่อโฟลเดอร์/ชื่อไฟล์รูปภาพ .gif หรือ .jpg"
alt="การเชื่อมโยงโดยรูปภาพ"></a>
กาหนดสีของข้อความที่มีการเชื่อมโยงไปยัง page อื่น
<body text="รหัสสี " link="รหัสสี" vlink="รหัสสี" alink="รหัสสี">
<a href="ไฟล์พร้อมระบุนามสกุล">ข้อความ</a>
</body>
text - การกาหนดสีของข้อความปกติ
link - การกาหนดสีของข้อความที่มีการเชื่อมโยง
vlink - การกาหนดสีของข้อความที่มีการเชื่อมโยง ที่เคยไปแล้ว
alink - การกาหนดสีของข้อความที่มีการเชื่อมโยง ขณะคลิก