ทำการสร้างปุ่มและ link ไปอีก page ด้วย php

ปุ่ม link php

ทำการ สร้างปุ่ม และ link ไป อีก page ด้วย php

<a href=”upload.php”><input type=”button” value=”Upload”></a>
<a href=”edit.php”><input type=”button” value=”Edit”></a>
<a href=”report.php”><input type=”button” value=”Report”></a>
<a href=”view.php”><input type=”button” value=”View”></a>

ปุ่ม link php

หมาย เหตุท้าย : รับสอนPython

ปุ่ม link php : HTML Hyperlinks(Links) การใช้ลิ้งค์ หรือจุดเชื่อมโยง

Hyperlinks หรือ Links หรือ ลิ้ง หรือ จุด เชื่อมโยง ก็ คือ คำ หรือ กลุ่มคำ หรือ รูปภาพ ที่ สามารถ คลิกแล้ว

สามารถ ไป ทำงาน ใน หน้า เอกสาร อื่น หรือ ส่วนใหม่ ใน หน้าเอกสารเดิม

ถ้า คุณ ไม่ ได้ กำหนด ลักษณะ css ให้ กับ ลิ้งค์ เมื่อ คุณ เอา เมาส์ ไป ชี้ ไว้ เหนือ ลิ้งค์

เมาส์ จะ เปลี่ยน เป็น รูปมือ ชี้ แต่ ลักษะ เหล่านี้ สามารถ เปลี่ยน ได้ ตัวอย่าง เช่น

ลิ้ง ที่ ไม่ได้ กำหนด ลักษณะ เมาส์ไว้ ถ้า กำหนด ลักษณะ ใส่ จะ

เป็น ลิ้ง ที่ กำหนด ลักษณะ เมาส์ เป็น แบบ help

การ กำหนด ลักษณะ เมาส์ จะ อยู่ใน หมวด CSS ใน ที่ นี้ ไม่ ขออธิบาย ไว้ นะ ครับ

เรา มา ดู tag กับ Syntax ใน การ ใส่ ลิ้ง กัน ก่อน ดีกว่า

วิธี ใน การ สร้าง ลิ้งค์ มี อยู่ 2 วิธี คือ

  • สร้าง ลิ้งค์ ไป ยัง เอกสาร อื่น

วิธี การ สร้าง ลิ้งค์ ไป ยังเอกสารอื่น

เอกสาร อื่น นี่ อาจจะ หมายถึง อะไร ก็ ได้ ไม่ ว่า จะ เป็น เอกสาร html , เอกสาร php เอกสาร Word, เอกสาร Excel

หรือ แม้ กระทั่ง รูปภาพ หรือ โปรแกรม ต่าง ๆ เรา มา ดู ตัวอย่าง กัน เลย ครับ

โค้ด : ลิ้งค์ไปยังเอกสาร html

ผลลัพธ์ : ลิ้งค์ ไป ยัง เอกสาร html

อธิบาย : เราใช้ แท็ก a ใน การสร้างลิ้งค์ และ มี แอททริบิว

คือ href ย่อ มา จาก hypertext reference ที่ ใช้ ใน การอ้างอิง ถึง สิ่ง

ที่ จะ ลิ้ง ไป ใน ที่ นี้ เรา ใส่ เป็น URL

ซึ่ง ก็ คือ http://www.doesystem.com/51/HTML/1.html เมื่อ คลิกลิ้งค์ แล้ว จะ กระโดดไปหน้าที่อ้างอิงถึง

  • สร้าง ลิ้งค์ ใน เอกสาร เดียวกัน

วิธีการสร้างลิ้งค์ในเอกสารเดียวกัน

การสร้างลิ้งค์ในเอกสารเดียวกันก็แบ่งออกเป็น 2 แบบด้วยกัน คือ แบบมีแอททริบิวเนม กับ ไม่มีแอททริบิวเนม

แบบไม่มีมีแอททริบิวเนม

แบบไม่มีแอททริบิวเนม ก็เหมือน ๆ กับตัวอย่างที่ผ่านมา เวลาจะลิ้งอยุ่ที่หน้าเดิม ก็เขียนได้เป็น ดังนี้

โค้ด : ลิ้งค์อยู่ในเอกสารเดียวกัน

ผลลัพธ์ : ลิ้งค์อยู่ในเอกสารเดียวกัน

อธิบาย : ลิ้งที่อยู่ในเอกสารเดียวกัน แบบวิธีนี้ก็คือ ไม่ใส่ URL อะไรเลย

แบบมีแอททริบิวเนม

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

โค้ด : ลิ้งค์อยู่ในเอกสารเดียวกัน

ผลลัพธ์ : ลิ้งค์อยู่ในเอกสารเดียวกัน

อธิบาย : ลิ้งที่อยู่ในเอกสารเดียวกัน แบบวิธีนี้ก็คือ ใส่ชื่อ URL เดียวกับชื่อของเอกสาร ทำให้ลิ้งไปที่หน้าเดิม

ขอบคุณที่มา จาก : HTML Hyperlinks(Links) การใช้ลิ้งค์ หรือจุดเชื่อมโยง


หมาย เหตุท้าย : รับสอนPython

หาก คุณ ชอบ บทความ นี้ อย่าลืม คลิก❤ ด้านล่าง เพื่อ แนะนำ และ ถ้า คุณ มี คำถาม ใด ๆ แสดง ความคิดเห็น และฉัน จะ พยายาม

อย่าง ดี ที่ สุดที่จะตอบ คุณสามารถติดตามฉันบน facebook page (https://www.facebook.com/nextsoftwarehousethailand/) และสามารถส่งอีเมลถึงฉัน