การทำรูปภาพให้เป็นลิ้งค์ 1. ให้เราทำการสร้างไฟล์ที่จะทำการเขียนโค้ดขึ้นมาก่อนโดยเราจะตั้งชื่อว่าอะไรก็ได้ในที่นี้จะใช้ชื่อว่า image.php
เพิ่มรูปภาพ
โค้ด: เลือกทั้งหมด
้<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="img/kk.jpg" alt="">
<img src="img/kk.jpg" alt="">
<img src="img/kk.jpg" alt="">
<img src="img/kk.jpg" alt="">
</body>
</html>
3. ทำการแสดงผลลัพธ์จะมีรูปที่เราเพิ่มเข้าไป 4 รูป
4. จากนั้นให้เราสร้างอีกไฟล์นึงที่ชื่อ link.php เพื่อเป็นตัวลิ้งค์
คำสั่ง ลิ้งค์
โค้ด: เลือกทั้งหมด
้<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="image.php">
<img src="img/kk.jpg" alt="">
</a>
</body>
</html>
6. เมื่อเราลองแสดงผลจะเห็นว่ารูปภาพนั้นสามารถกดได้แสดงว่ามีลิ้งค์รองรับอยู่
7. เมื่อเราทำการกดที่รูปภาพแล้วจะทำการลิ้งค์ไปยังหน้าของ image.php ที่เราได้ใส่รูปภาพไว้หลายๆรูป
การสร้างลิ้งค์ขึ้นในการทำเว็บไซต์สามารถทำได้หลายวิธี อย่างที่ยกตัวอย่าง การรลิ้งค์ด้วยรูปภาพซึ่งต้องทำการใส่รูปภาพและทำการเชื่อมลิ้ง ซึ่งเป็นการสร้างลิ้งค์ที่ง่ายเหมาะสำหรับมือใหม่ที่กำลังศึกษาการเขียนโค้ดด้วยภาษา html หรือ php
อ้างอิง
http://www.nr.ac.th/learning/htmlforweb/learning8.html
https://pantip.com/topic/34138339
https://marketingtangtruong.com/%E0%B8%AA%E0%B8%AD%E0%B8%99-php-html-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A5%E0%B8%B4%E0%B9%89%E0%B8%87%E0%B8%84%E0%B9%8C%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B8%A0%E0%B8%B2%E0%B8%9E-how-to-use-an-ima/