SlideShare ist ein Scribd-Unternehmen logo
1 von 2
Downloaden Sie, um offline zu lesen
การเรียงลาดับรายการ (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=ตัวเลข หรือตัวอักษรอื่นๆที่ต้องการระบุ> ในกรณีที่ไม่อยากให้เรียง
ตามลาดับปกติ
การเชื่อมโยงเอกสาร (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 - การกาหนดสีของข้อความที่มีการเชื่อมโยง ขณะคลิก

Weitere ähnliche Inhalte

Andere mochten auch

ผลกระทบจากการใช้งานอินเทอร์เน็ต
ผลกระทบจากการใช้งานอินเทอร์เน็ตผลกระทบจากการใช้งานอินเทอร์เน็ต
ผลกระทบจากการใช้งานอินเทอร์เน็ตปิยะดนัย วิเคียน
 
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสาร
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสารแนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสาร
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสารปิยะดนัย วิเคียน
 
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์ปิยะดนัย วิเคียน
 
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสาร
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสารความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสาร
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสารปิยะดนัย วิเคียน
 
Digital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : SlideDigital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : SlideBoonlert Aroonpiboon
 

Andere mochten auch (18)

เครือข่ายคอมพิวเตอร์
เครือข่ายคอมพิวเตอร์เครือข่ายคอมพิวเตอร์
เครือข่ายคอมพิวเตอร์
 
ผลกระทบจากการใช้งานอินเทอร์เน็ต
ผลกระทบจากการใช้งานอินเทอร์เน็ตผลกระทบจากการใช้งานอินเทอร์เน็ต
ผลกระทบจากการใช้งานอินเทอร์เน็ต
 
Server with XAMPP
Server with XAMPPServer with XAMPP
Server with XAMPP
 
บริการบนอินเทอร์เน็ต
บริการบนอินเทอร์เน็ตบริการบนอินเทอร์เน็ต
บริการบนอินเทอร์เน็ต
 
รูปร่างเครือข่าย
รูปร่างเครือข่ายรูปร่างเครือข่าย
รูปร่างเครือข่าย
 
โปรแกรมไม่พึงประสงค์
โปรแกรมไม่พึงประสงค์โปรแกรมไม่พึงประสงค์
โปรแกรมไม่พึงประสงค์
 
สื่อกลางในการสื่อสารข้อมูล
สื่อกลางในการสื่อสารข้อมูลสื่อกลางในการสื่อสารข้อมูล
สื่อกลางในการสื่อสารข้อมูล
 
วิธีการติดตั้งโปรแกรม Dreamweaver 8
วิธีการติดตั้งโปรแกรม Dreamweaver 8วิธีการติดตั้งโปรแกรม Dreamweaver 8
วิธีการติดตั้งโปรแกรม Dreamweaver 8
 
โครงการสอน 1.56
โครงการสอน 1.56โครงการสอน 1.56
โครงการสอน 1.56
 
อินเทอร์เน็ต
อินเทอร์เน็ตอินเทอร์เน็ต
อินเทอร์เน็ต
 
เฉลยแบบทดสอบ
เฉลยแบบทดสอบเฉลยแบบทดสอบ
เฉลยแบบทดสอบ
 
ลักษณะของข้อมูลที่ดี
ลักษณะของข้อมูลที่ดีลักษณะของข้อมูลที่ดี
ลักษณะของข้อมูลที่ดี
 
จริยธรรมในโลกของข้อมูล
จริยธรรมในโลกของข้อมูลจริยธรรมในโลกของข้อมูล
จริยธรรมในโลกของข้อมูล
 
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสาร
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสารแนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสาร
แนวโน้มการใช้งานเทคโนโลยีสารสนเทศและการสื่อสาร
 
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์
บทบาทของการสื่อสารข้อมูลและเครือข่ายคอมพิวเตอร์
 
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสาร
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสารความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสาร
ความเปลี่ยนแปลงจากการใช้เทคโนโลยีสารสนเทศและการสื่อสาร
 
Digital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : SlideDigital Economy Plan of Thailand : Slide
Digital Economy Plan of Thailand : Slide
 
20170213 digital-archives
20170213 digital-archives20170213 digital-archives
20170213 digital-archives
 

Mehr von ปิยะดนัย วิเคียน

กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยี
กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยีกลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยี
กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยีปิยะดนัย วิเคียน
 
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์ปิยะดนัย วิเคียน
 
ตัวอย่างบทวีดีทัศน์และภาพยนตร์
ตัวอย่างบทวีดีทัศน์และภาพยนตร์ตัวอย่างบทวีดีทัศน์และภาพยนตร์
ตัวอย่างบทวีดีทัศน์และภาพยนตร์ปิยะดนัย วิเคียน
 
การกำหนดที่อยู่บนอินเทอร์เน็ต
การกำหนดที่อยู่บนอินเทอร์เน็ตการกำหนดที่อยู่บนอินเทอร์เน็ต
การกำหนดที่อยู่บนอินเทอร์เน็ตปิยะดนัย วิเคียน
 

Mehr von ปิยะดนัย วิเคียน (15)

การแทรกรูปภาพในเว็บเพจ
การแทรกรูปภาพในเว็บเพจการแทรกรูปภาพในเว็บเพจ
การแทรกรูปภาพในเว็บเพจ
 
การจัดรูปแบบข้อความ
การจัดรูปแบบข้อความการจัดรูปแบบข้อความ
การจัดรูปแบบข้อความ
 
การจัดรูปแบบหน้าเว็บเพจ
การจัดรูปแบบหน้าเว็บเพจการจัดรูปแบบหน้าเว็บเพจ
การจัดรูปแบบหน้าเว็บเพจ
 
เริ่มต้นสร้างเว็บไซต์
เริ่มต้นสร้างเว็บไซต์เริ่มต้นสร้างเว็บไซต์
เริ่มต้นสร้างเว็บไซต์
 
การสื่อสารข้อมูล
การสื่อสารข้อมูลการสื่อสารข้อมูล
การสื่อสารข้อมูล
 
อุปกรณ์การสื่อสาร
อุปกรณ์การสื่อสารอุปกรณ์การสื่อสาร
อุปกรณ์การสื่อสาร
 
การสื่อสารข้อมูล
การสื่อสารข้อมูลการสื่อสารข้อมูล
การสื่อสารข้อมูล
 
กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยี
กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยีกลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยี
กลุ่ม 1 วิวัฒนาการของการสื่อสารและเทคโนโลยี
 
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์
ตัวอย่างเอกสารการจัดทำวีดิทัศน์และภาพยนตร์
 
ตัวอย่างบทวีดีทัศน์และภาพยนตร์
ตัวอย่างบทวีดีทัศน์และภาพยนตร์ตัวอย่างบทวีดีทัศน์และภาพยนตร์
ตัวอย่างบทวีดีทัศน์และภาพยนตร์
 
การสื่อสารข้อมูล
การสื่อสารข้อมูลการสื่อสารข้อมูล
การสื่อสารข้อมูล
 
เวิลด์ไวด์เว็บ
เวิลด์ไวด์เว็บเวิลด์ไวด์เว็บ
เวิลด์ไวด์เว็บ
 
การกำหนดที่อยู่บนอินเทอร์เน็ต
การกำหนดที่อยู่บนอินเทอร์เน็ตการกำหนดที่อยู่บนอินเทอร์เน็ต
การกำหนดที่อยู่บนอินเทอร์เน็ต
 
จริยธรรมในโลกของข้อมูล
จริยธรรมในโลกของข้อมูลจริยธรรมในโลกของข้อมูล
จริยธรรมในโลกของข้อมูล
 
การจัดเก็บข้อมูล
การจัดเก็บข้อมูลการจัดเก็บข้อมูล
การจัดเก็บข้อมูล
 

การสร้างลิสต์และการเชื่อมโยงเอกสาร

  • 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 - การกาหนดสีของข้อความที่มีการเชื่อมโยง ขณะคลิก