วิธีทำลิงค์รูปภาพ

สารบัญ:

วิธีทำลิงค์รูปภาพ
วิธีทำลิงค์รูปภาพ

วีดีโอ: วิธีทำลิงค์รูปภาพ

วีดีโอ: วิธีทำลิงค์รูปภาพ
วีดีโอ: ฝากรูปไว้บน Google Drive แล้วแปลงไฟล์ให้เป็น Link รูปภาพ โดยตรง 2024, เมษายน
Anonim

หากคุณเป็นผู้ใช้งานอินเทอร์เน็ต คุณอาจใช้ฟอรัม บล็อก และโซเชียลเน็ตเวิร์กเป็นครั้งคราว ในสภาพแวดล้อมนี้ คุณมักจะต้องใช้มาร์กอัปและการจัดรูปแบบภาษา HTML (บ่อยกว่าในบล็อก) หรือ BB-Code (ปกติในฟอรัมและโซเชียลเน็ตเวิร์ก) สำหรับข้อความ รูปภาพ และลิงก์ ลองพิจารณาวิธีการสร้างลิงค์ด้วยรูปภาพด้วยตนเองอย่างถูกต้องและรวดเร็ว

วิธีทำลิงค์รูปภาพ
วิธีทำลิงค์รูปภาพ

มันจำเป็น

  • - คอมพิวเตอร์
  • - การเข้าถึงอินเทอร์เน็ต
  • - ช่องป้อนข้อมูลสำหรับ html หรือ bb-code

คำแนะนำ

ขั้นตอนที่ 1

ขั้นแรก เรามาสร้างลิงค์ในรูปแบบของรูปภาพโดยใช้ HTML แบบแมนนวลกันก่อน ตัวอย่างเช่น วิธีนี้ใช้เมื่อออกแบบโพสต์ใน livejournal

พารามิเตอร์ href มีลิงก์ที่ผู้ใช้จะไปหลังจากคลิกที่ภาพ

พารามิเตอร์เป้าหมายสะท้อนถึงพฤติกรรมของเบราว์เซอร์เมื่อเปิดลิงก์ ในกรณีนี้ ค่าคือ _blank นั่นคือเบราว์เซอร์จะเปิดลิงก์ในหน้าต่างใหม่ (หรือแท็บ)

img src คือเส้นทางไปยังรูปภาพที่เราเชื่อมโยง

alt คือข้อความที่จะปรากฏแทนรูปภาพหากไม่โหลด หรือใช้เวลาในการโหลดนานกว่าส่วนหลักของหน้า

ค่าจะลบเส้นขอบรอบรูปภาพ หากคุณยังต้องการ ให้ใส่อันหนึ่งแทนศูนย์

ขั้นตอนที่ 2

ด้วย HTML แยกออก ตอนนี้เรามาบรรลุผลลัพธ์ที่คล้ายกันโดยใช้รหัส bb

อย่างที่คุณเห็นทุกอย่างค่อนข้างง่ายที่นี่

เราจำเป็นต้องระบุพารามิเตอร์ url ซึ่งมีลิงก์อยู่ หลังจากนั้นเราระบุพารามิเตอร์ img ซึ่งเป็นเส้นทางไปยังรูปภาพที่เราต้องการสร้างลิงก์