การใช้คำสั่งสร้างจุดเชื่อมโยงภายในหน้าเว็บเพจเดียวกัน
การเชื่อมโยงภายในหน้าเว็บเพจเดียวกัน คือการใช้งานที่ต้องการให้จุดเชื่อมโยงและเป้าหมายอยู่ภายในหน้าเว็บเพจเดียวกันมีรูปแบบการใช้งานดังนี้
รูปแบบคำสั่ง
HTML ที่ใช้ในการสร้าง Link ภายในเว็บเพจเดียวกัน
ส่วนที่ 1 กำหนดจุดลิงค์
<A HREF= “#ชื่อของปลายทาง”>ข้อความที่เป็นลิงค์</A>
ส่วนที่ 2 กำหนดปลายทาง
<A NAME= “#ชื่อของปลายทาง”>ตำแหน่งปลายทาง</A>
ตัวอย่าง การสร้างจุดเชื่อมโยงภายในหน้าเว็บเพจเดียวกัน
บันทึกแฟ้มชื่อ pan24.html
(ตัวอย่างที่นำมาแสดงนี้ ยังไม่ถือว่าเป็นเว็บเพจที่มีขนาดยาว
แต่นักเรียนสามารถนำไปประยุกต์ใช้ได้ตามความเหมาะสม)
<HTML>
<HEAD>
<TITLE> การสร้างจุดเชื่อมโยงภายในหน้าเว็บเพจเดียวกัน
</TITLE>
</HEAD>
<BODY>
กรุณาเลือกหัวข้อที่ต้องการ <br>
1. <A HREF= “#history”>ประวัติความเป็นมา</A><br>
2. <A HREF= “#operation”>รูปแบบทั่วไปและลักษณะของ
Web</A><br>
3. <A HREF= “#reference”คำขอบคุณ</A><p>
1. <A NAME= “history”>ประวัติความเป็นมา</A><br>
1. ประมาณปลายปี พ.ศ. 2539 เมื่ออินเทอร์เน็ตเข้ามามีบทบาทในประเทศไทยมากขึ้น(อันที่จริงมีมาก่อนหน้านั้นแล้ว แต่จำกัดอยู่ในวงแคบ) ข้าพเจ้า (นายทะเบียน) ก็ได้เป็นผู้หนึ่งที่สนใจและเริ่มศึกษาวิธีการใช้งานตลอดจนวิธีการเขียนเว็บเพจโดยใช้ภาษา HTML จนสามารถมีเว็บไซต์เป็น ของตนเองได้ ซึ่งเว็บไซต์แรกที่ทำขึ้นนั้น เป็นเว็บไซต์ให้บริการดาวน์โหลดเพลงไทยเดิมในรูปแบบของ Midi (ตำหนักเพลงไทยเดิม) และรูปภาพต่าง ๆ ที่เกี่ยวกับประเทศไทย โดยจัดทำเป็นภาษาอังกฤษ เพราะเมื่อ 3-4 ปีที่แล้ว Web Browser (IE) ยังแสดงผลภาษาไทยได้ไม่ค่อยดีนัก ....<p>
1. ประมาณปลายปี พ.ศ. 2539 เมื่ออินเทอร์เน็ตเข้ามามีบทบาทในประเทศไทยมากขึ้น(อันที่จริงมีมาก่อนหน้านั้นแล้ว แต่จำกัดอยู่ในวงแคบ) ข้าพเจ้า (นายทะเบียน) ก็ได้เป็นผู้หนึ่งที่สนใจและเริ่มศึกษาวิธีการใช้งานตลอดจนวิธีการเขียนเว็บเพจโดยใช้ภาษา HTML จนสามารถมีเว็บไซต์เป็น ของตนเองได้ ซึ่งเว็บไซต์แรกที่ทำขึ้นนั้น เป็นเว็บไซต์ให้บริการดาวน์โหลดเพลงไทยเดิมในรูปแบบของ Midi (ตำหนักเพลงไทยเดิม) และรูปภาพต่าง ๆ ที่เกี่ยวกับประเทศไทย โดยจัดทำเป็นภาษาอังกฤษ เพราะเมื่อ 3-4 ปีที่แล้ว Web Browser (IE) ยังแสดงผลภาษาไทยได้ไม่ค่อยดีนัก ....<p>
2. <A NAME= “operation”>รูปแบบทั่วไปและลักษณะของ
Web</A><br> รูปแบบ
ของการนำเสนอโดยทั่วไป ส่วนใหญ่จะเน้นการให้ความรู้ และบริการ แด่สมาชิก ซึ่งได้แก่
การสอน เขียนเว็บเพจด้วย
HTML, การทำเว็บ เพจให้ดูมีชีวิตชีวาด้วย JavaScript, การสมัครขอพื้นที่ฟรีเพื่อจัดทำเว็บไซต์ (Hyper mart), การจดโดเมนเนม, การย้ายโดเมนเนม (Hyper mart)
การโปรโมทเว็บไซต์, การหารายได้จากเว็บไซต์,
บริการเว็บเบสอีเมล์ฟรี, บริการส่งบัตรอวยพร,
บริการกระดานข่าว, บริการกระดานซื้อ-ขายบริการ
กระดานรับสมัครงาน, แหล่งรวมบริการฟรีต่าง ๆ สำหรับเว็บมาสเตอร์
และอื่นๆ อีกมากมาย <p>
3. <A NAME= “reference”>คำขอบคุณ</A><br>หากท่านเป็นอีกผู้หนึ่ง ที่รู้สึกชื่นชอบ และสนับสนุนเว็บเพจภาษาไทย หรือต้องการเผยแพร่เว็บเพจ
ภาษาไทยของท่านเอง ชมรมเว็บเพจไทย มีความยินดีที่จะขอเชิญท่านร่วม สมัครเป็นสมาชิกฟรีโดยไม่เสียค่าใช้จ่ายอย่างใดทั้งสิ้น
และหากท่าน ต้องการทราบข่าวสาร การอัพเดทเว็บไซต์ และข่าวสารอื่น ๆ ที่เป็นประโยชน์
กรุณาแจ้ง ที่อยู่อีเมล์ ของท่านด้วยครับ (ชมรมฯ จะส่ง จดหมายข่าว
ให้กับเฉพาะสมาชิกที่ต้องการ เท่านั้น) อนึ่งสำหรับท่านที่เป็นเว็บมาสเตอร์
ขอเชิญแลกเปลี่ยนลิงค์กันได้ครับ...<p>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
กรุณาเลือกหัวข้อที่ต้องการ
1. ประวัติความเป็นมา 2. รูปแบบทั่วไปและลักษณะของ
Web 3. คำขอบคุณ
1. ประวัติความเป็นมา ประมาณปลายปี พ.ศ. 2539 เมื่ออินเทอร์เน็ตเข้ามามีบทบาทในประเทศไทยมากขึ้น
(อันที่จริงมีมาก่อนหน้านั้นแล้ว แต่จำกัดอยู่ในวงแคบ) ข้าพเจ้า (นายทะเบียน) ก็ได้เป็นผู้หนึ่งที่สนใจและเริ่มศึกษา
วิธีการใช้งานตลอดจนวิธีการเขียนเว็บเพจโดยใช้ภาษา HTML จนสามารถมีเว็บไซต์เป็น ของตนเองได้ ซึ่งเว็บไซต์แรกที่ทำขึ้นนั้น เป็นเว็บไซต์ให้บริการดาวน์โหลดเพลงไทยเดิมในรูปแบบของ Midi (ตำหนักเพลงไทยเดิม) และรูปภาพต่าง ๆ ที่เกี่ยวกับประเทศไทย โดยจัดทำเป็นภาษาอังกฤษ เพราะเมื่อ 3-4 ปีที่แล้ว Web Browser (IE) ยังแสดงผลภาษาไทยได้ไม่ค่อยดีนัก ....
วิธีการใช้งานตลอดจนวิธีการเขียนเว็บเพจโดยใช้ภาษา HTML จนสามารถมีเว็บไซต์เป็น ของตนเองได้ ซึ่งเว็บไซต์แรกที่ทำขึ้นนั้น เป็นเว็บไซต์ให้บริการดาวน์โหลดเพลงไทยเดิมในรูปแบบของ Midi (ตำหนักเพลงไทยเดิม) และรูปภาพต่าง ๆ ที่เกี่ยวกับประเทศไทย โดยจัดทำเป็นภาษาอังกฤษ เพราะเมื่อ 3-4 ปีที่แล้ว Web Browser (IE) ยังแสดงผลภาษาไทยได้ไม่ค่อยดีนัก ....
2. รูปแบบทั่วไปและลักษณะของ Web รูปแบบของการนำเสนอโดยทั่วไป สวนใหญ่จะเน้นการให้ความรู้ และบริการ แด่สมาชิก
ซึ่งได้แก่ การสอนเขียนเว็บเพจด้วย HTML, การทำเว็บ เพจให้ดูมีชีวิตชีวาด้วย
JavaScript, การสมัครขอพื้นที่ฟรีเพื่อจัดทำเว็บไซต์ (Hyper
mart), การจดโดเมนเนม, การย้ายโดเมนเนม
(Hyper mart) การโปรโมทเว็บไซต์, การหารายได้จากเว็บไซต์,
บริการเว็บเบสอีเมล์ฟรี, บริการส่งบัตรอวยพร,
บริการกระดานข่าว, บริการกระดานซื้อ-ขาย, บริการ กระดานรับสมัครงาน, แหล่งรวมบริการฟรีต่าง ๆ สำหรับเว็บมาสเตอร์
3. คำขอบคุณ หากท่านเป็นอีกผู้หนึ่ง
ที่รู้สึกชื่นชอบและสนับสนุนเว็บเพจภาษาไทย หรือต้องการเผยแพร่เว็บเพจภาษาไทยของท่านเอง
ชมรมเว็บเพจไทย มีความยินดีที่จะขอเชิญท่านร่วม สมัครเป็นสมาชิกฟรี โดยไม่เสียค่าใช้จ่ายอย่างใดทั้งสิ้น
และหากท่าน ต้องการทราบข่าวสาร การอัพเดทเว็บไซต์ และข่าวสารอื่น ๆ ที่ เป็นประโยชน์
กรุณาแจ้ง ที่อยู่อีเมล์ ของท่านด้วยครับ (ชมรมฯ จะส่ง จดหมายข่าว
ให้กับเฉพาะสมาชิกที่ต้องการ เท่านั้น) อนึ่งสำหรับท่านที่เป็นเว็บมาสเตอร์
ขอเชิญแลกเปลี่ยนลิงค์กันได้ครับ...
กำหนดจุดเชื่อมโยง (Link)
รูปแบบกำหนดจุดเชื่อมโยง (Link)
|
<A
HREF= #ชื่อจุดเชื่อมโยง>...ข้อความที่ใช้เป็นจุดเชื่อมโยง..</A>
|
# ชื่อจุดเชื่อมโยง (Link) คือ
ชื่อของตำแหน่งในเอกสารที่ใช้เป็นจุดเชื่อมโยงไปยังเนื้อหาส่วนอื่น ๆ
กำหนดเป้าหมาย
รูปแบบการกำหนดเป้าหมาย
|
<A
NAME= #ชื่อเป้าหมาย>...ข้อความที่ใช้เป็นจุดเชื่อมโยง..</A>
|
ตัวอย่าง การจัดวางตำแหน่งข้อความ
ด้วยคำสั่ง <P>
คำสั่ง
|
<HTML>
<BODY> <P><A HREF="#C5">ศึกษาบทเรียนที่ 5</a></P> <H2>บทที่ 1</H2> <P>ก่อนเริ่มสร้างเว็บเพจ ...........................................</P> <H2>บทที่ 2</H2> <P>เริ่มต้นสร้างเว็บเพจด้วยภาษา HTML................... </P> <H2>บทที่ 3</H2> <P>เรียนรู้โปรแกรมการสร้างเว็บเพจด้วยภาษา HTML .</P> <H2>บทที่ 4</H2> <P> จัดระเบียบให้ข้อความ ..........................................</P> <H2> <a name ='C5'>บทที่ 5</a></H2> <P>ตกแต่งข้อความและเติมสีสันบนเว็บ……………...</P> </BODY> </HTML> |
ผลลัพธ์ที่ได้จากการใช้คำสั่ง
|
บทที่
1
ก่อนเริ่มสร้างเว็บเพจ
...........................................
บทที่
2
เริ่มต้นสร้างเว็บเพจด้วยภาษา
HTML...................
บทที่
3
เรียนรู้โปรแกรมการสร้างเว็บเพจด้วยภาษา
HTML
.
บทที่
4
จัดระเบียบให้ข้อความ
..........................................
ตกแต่งข้อความและเติมสีสันบนเว็บ……………...
|