ฉันจะเปลี่ยนรหัสลิงค์เป็นปุ่มได้อย่างไร

คุณลักษณะพื้นฐานประการหนึ่งของเว็บไซต์อินเทอร์เน็ตคือไฮเปอร์ลิงก์ ซึ่งเป็นคำหรือวลีที่ขีดเส้นใต้สีน้ำเงินซึ่งสามารถคลิกเพื่อนำคุณไปยังเว็บไซต์หรือหน้าเว็บอื่น เมื่อคุณคุ้นเคยกับการสร้างไฮเปอร์ลิงก์บนเว็บไซต์ของคุณเองแล้ว ในไม่ช้าคุณจะตัดสินใจว่าต้องการเพิ่มสีสันให้กับการออกแบบ วิธีง่ายๆ วิธีหนึ่งในการทำให้หน้าเว็บของคุณน่าสนใจยิ่งขึ้นคือการสร้างไฮเปอร์ลิงก์ปุ่มแทนไฮเปอร์ลิงก์ของคำ มีสองวิธีพื้นฐานในการเปลี่ยนลิงก์เป็นปุ่มบนเว็บไซต์ของคุณ: รูปภาพและแบบฟอร์ม

ภาพ

การเปลี่ยนไฮเปอร์ลิงก์พื้นฐานเป็นปุ่มที่มีรูปภาพเป็นเรื่องง่ายในการเลือกหรือสร้างรูปภาพปุ่มในรูปแบบ JPG หรือ GIF เมื่อคุณมีภาพปุ่มที่ต้องการใช้แล้ว ให้อัปโหลดไปยังเซิร์ฟเวอร์เว็บไซต์ของคุณ ณ จุดนั้น สิ่งที่คุณต้องทำคือสร้างลิงก์จริงบนหน้าเว็บของคุณ และทำได้ในลักษณะเดียวกับไฮเปอร์ลิงก์ข้อความมาตรฐาน ความแตกต่างหลัก ๆ คือ คุณจะแทรกรูปภาพปุ่มของคุณแทนที่ข้อความที่ปกติจะมีไฮเปอร์ลิงก์ เช่น:

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

แบบฟอร์ม

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

นี่คือรหัสแบบฟอร์มพื้นฐานในการสร้างปุ่มที่คลิกได้:

ในบรรทัดแรก คุณกำลังบอกเว็บเบราว์เซอร์ว่าปุ่มนี้เป็นลิงก์ไปยังหน้าอื่นในไซต์ของคุณที่ชื่อ "link-to-page.html"

บรรทัดที่สองระบุประเภทอินพุตของ "ส่ง" ซึ่งเป็นสิ่งที่สร้างปุ่มขึ้นมาเอง และคำที่จะใส่บนปุ่มนั้นจะอยู่ในส่วน "ค่า" สุดท้ายคุณจบแบบฟอร์มด้วยการปิด แท็ก