ยินดีต้อนรับจ้า บล๊อกยังแต่งไม่เสร็จดีค่ะ แต่เนื้อหาก็มาลงเพิ่มเรื่อยๆนะคะ ขอบคุณสำหรับกำลังใจทุกท่านนะคะ





nHuy.Bloggang.com

บทที่ 6.1 ทำลิงค์ตัวอักษร (Text Link)


ทำให้ข้อความที่ต้องการเป็นลิงค์ ในที่นี้จะสอนทำลิงค์เชื่อมโยงหน้าเว็บเพจก่อนนะคะ ก็คือ พอคลิกลิงค์แล้ว จะเปลี่ยนไปอีกหน้าหนึ่งค่ะ ดังนั้นใช้โค้ดคือ


<a href="หน้าเว็บไซต์ที่ต้องการลิงค์">ข้อความที่จะแสดง</a>

เช่น


<a href="about.html">ลิงค์ไปหน้าข้อมูลของฉัน</a>

สอนแบบ Step by Step เลยนะ
1. สร้างหน้าเว็บ about.html ขึ้นมา เขียนข้อความอะไรก็ได้นะคะ ใครสร้างไม่เป็น ดูวิธีสร้างที่นี่ค่ะ


*ใครทำการบ้านแล้ว ก็เอามาใช้ได้เลยค่ะ ส่วนใครที่ยังไม่ทำ ก็สร้างหน้าเว็บใหม่เลยนะคะ


2. สร้างหน้าเว็บ index.html ขึ้นมา ทีนี้ใส่โค้ดลิงค์นี้ลงไป


<a href="about.html">ลิงค์ไปหน้าข้อมูลของฉัน</a>

เซฟแล้วดูผล ก็จะได้ผลลัพธ์แบบนี้


textlink.gif picture by nhuysptum


3. ลองคลิกดู จะพบว่า เปลี่ยนไปหน้าเว็บ about.html ที่สร้างไว้ในข้อ 1 แล้ว!


จุดสำคัญ ไฟล์เว็บไซต์ทั้งสองไฟล์ต้องวางเอาไว้ข้างๆกัน ถ้าไม่ได้วางไว้ข้างๆกัน ต้องเขียนลิงค์ให้ถูก ถ้ายังไม่เข้าใจ ลองอ่านวิธีเขียนลิงค์ได้ที่ วิธีเขียนลิงค์เพื่อเรียกใช้ไฟล์ Relative Path นะคะ





Create Date : 20 กุมภาพันธ์ 2552
Last Update : 16 มกราคม 2553 13:04:24 น. 10 comments
Counter : 4788 Pageviews.

 
ลองทำแล้วใช้ได้เลยค่ะ ขอบคุณนะคะ


โดย: Summer Flower วันที่: 24 กันยายน 2552 เวลา:10:58:13 น.  

 
ลองใช้แล้วค่ะ ได้ผลเกินคาด อิอิ ขอบคุณมากๆๆๆๆๆนะคะ


โดย: ภาค่ะ (tawiporn ) วันที่: 25 กันยายน 2552 เวลา:9:10:07 น.  

 
ยินดีจ้า : )


โดย: huytumhuy วันที่: 30 กันยายน 2552 เวลา:16:33:09 น.  

 
.. สวัสดีครับผม
.. รบกวนถามครับ
.. คือพอทำตามวิธีที่บอกแล้ว
.. ทำมัยมันถึงไม่เปลี่ยนหน้าไปอีกหน้าเว๊บนึ่งล่ะครับ
.. มันกลับแทนที่หน้าเว็บเดิม
.. ต้องเพิ่มcodeตรงไหนรึเปล่าครับ
.. ที่จะทำให้มันไปขึ้นในหน้าเว๊บใหม่
.....................................................
.. ได้ความรู้ดีมั๊กๆขอบคุณมากๆครับผม


โดย: Two IP: 203.144.144.165 วันที่: 19 กุมภาพันธ์ 2553 เวลา:14:14:24 น.  

 
คงอยู่ที่คอมแล้วล่ะมั้ง


โดย: ก IP: 125.27.247.220 วันที่: 20 กุมภาพันธ์ 2553 เวลา:17:55:49 น.  

 
ตอบ คุณ Two
ถ้าอยากให้คลิกลิงค์แล้ว เปิดหน้าต่างใหม่ ต้องเพิ่มโค้ด target="_blank" ลงไปค่ะ ดูตัวอย่างที่นี่นะคะ http://www.bloggang.com/viewdiary.php?id=nhuy&month=02-2009&date=20&group=10&gblog=17


โดย: huytumhuy วันที่: 8 มีนาคม 2553 เวลา:12:25:17 น.  

 
ขอบคุณมากๆนะคะ


โดย: กางเกงยักษ์ลอยฟ้า วันที่: 26 ตุลาคม 2553 เวลา:19:55:40 น.  

 
ขอบคุณครับ ผมลองแล้ว ก็โอเคนะครับ


โดย: chaichoti วันที่: 29 มีนาคม 2554 เวลา:13:29:26 น.  

 
ขอบคุณมากครับ


โดย: thong33333 วันที่: 12 พฤศจิกายน 2554 เวลา:21:26:11 น.  

 
ขอบคุณค่ะ ตาลแปะลิงค์เป็นเพราะพี่นี่เหละ


โดย: ยัยน้ำตาลเปรี้ยว วันที่: 21 มกราคม 2555 เวลา:2:22:42 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

Buckethuy
Location :
Thailand United States

[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 23 คน [?]




I am nHuy
เปลี่ยนเรื่องเขียนบล็อก เป็นเรื่องจิปาถะไปเรื่อย....มีเวลาจะมาอัพเดทบ่อยๆจ้า

สงวนลิขสิทธิ์ ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2539 ห้ามผู้ใดละเมิด ไม่ว่าการลอกเลียน หรือนำส่วนหนึ่งส่วนใดของรูปภาพ และ ข้อความใน blog แห่งนี้ไปใช้ ทั้งโดยเผยแพร่และเพื่อการอ้างอิง โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร จะถูกดำเนินคดี ตามที่กฏหมายบัญญัติไว้สูงสุด


โปรแกรมบันทึกค่าใช้จ่ายเจ๋งสุดๆ
Group Blog
 
<<
กุมภาพันธ์ 2552
1234567
891011121314
15161718192021
22232425262728
 
20 กุมภาพันธ์ 2552
 
All Blogs
 
Friends' blogs
[Add Buckethuy's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.