เพิ่มลิงค์ไปยังเว็บไซต์ของคุณ

ผู้เขียน: Roger Morrison
วันที่สร้าง: 19 กันยายน 2021
วันที่อัปเดต: 21 มิถุนายน 2024
Anonim
how to make your youtube video link to your web site how to add a website you tube annotation
วิดีโอ: how to make your youtube video link to your web site how to add a website you tube annotation

เนื้อหา

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

ที่จะก้าว

วิธีที่ 1 จาก 2: ลิงก์แบบธรรมดา

  1. สร้างข้อความหรือวางรูปภาพที่คุณต้องการใช้เป็นลิงค์ ลิงก์ถูกสร้างขึ้นด้วยแท็ก html ง่ายๆเพียงไม่กี่แท็กเมื่อแก้ไขโค้ดของเว็บไซต์ของคุณ แต่ก่อนอื่นสิ่งสำคัญคือต้องรู้ว่าคุณต้องการใส่อะไรในแท็ก ซึ่งอาจเป็นข้อความรูปภาพหรือองค์ประกอบ html อื่น แต่ที่นี่เราใช้แค่บรรทัดข้อความ
  2. วางแท็กสองแท็กรอบข้อความ ไฮเปอร์ลิงก์จะระบุด้วยแท็กง่ายๆสองแท็กแท็กหนึ่งเพื่อเปิดโค้ดและอีกแท็กหนึ่งเพื่อปิด หากไม่มีแอตทริบิวต์สิ่งนี้ยังไม่มีประโยชน์จริงๆ แต่เรากำลังจะทำอะไรบางอย่างกับมัน
    • ลิงก์ของคุณอาจมีลักษณะดังนี้คลิกที่นี่เพื่อเยี่ยมชมเว็บไซต์ใหม่ของฉัน
  3. เพิ่มแอตทริบิวต์ "href" เพื่อระบุว่าลิงก์นำไปที่ใด แอตทริบิวต์ "href" จะบอกเบราว์เซอร์ว่าจะนำผู้ใช้ไปที่ใดเมื่อคลิกลิงก์ แอตทริบิวต์นี้ตามด้วยเครื่องหมายเท่ากับแล้วตามด้วยที่อยู่ในเครื่องหมายคำพูดที่อยู่ข้างหลัง
    • ตัวอย่างข้างต้นควรมีลักษณะดังนี้: คลิกที่นี่ เพื่อเยี่ยมชมเว็บไซต์ใหม่ของฉัน
    • โปรดทราบว่าหากปลายทางของลิงก์เป็นเว็บไซต์อื่นคุณต้องระบุ URL แบบเต็ม (โดยปกติจะขึ้นต้นด้วย "http") หากกำหนดเฉพาะชื่อของเพจจะถือว่าถูกค้นหาภายในไดเร็กทอรีของเว็บไซต์

วิธีที่ 2 จาก 2: การเพิ่มอีเมลและจุดยึด

  1. สร้างลิงค์จากรูปภาพ ซึ่งทำได้ง่ายมากโดยการเพิ่มแท็กรูปภาพภายในแท็กลิงก์ คุณจะต้องมีที่อยู่ของตำแหน่งของรูปภาพ (เช่นตำแหน่งบนเซิร์ฟเวอร์ของคุณหรือของผู้อื่น) นี่คือตัวอย่างของลิงก์รูปภาพที่อาจมีลักษณะดังนี้:
    • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
  2. สร้างลิงก์อีเมลโดยใช้ "mailto:มาตรการ. ในการสร้างลิงก์เพื่อเขียนอีเมลไปยังที่อยู่เฉพาะให้ใช้ "mailto:" และวางไว้ตรงหน้าที่อยู่อีเมลของบุคคลนั้น
    • ลิงก์อีเมลอาจมีลักษณะดังนี้: คลิกที่นี่ เพื่อถามคำถามหรือแสดงความคิดเห็น
  3. สร้างจุดยึดภายในหน้าเว็บที่ใหญ่ขึ้นเพื่อให้อ้างอิงได้ง่าย หากคุณกำลังมองหาวิธีเชื่อมโยงไปยังส่วนใดส่วนหนึ่งของหน้าเว็บให้ใช้จุดยึด จุดยึดมีประโยชน์มากสำหรับเพจขนาดใหญ่ที่มีสารบัญ แต่ละบทหรือส่วนสามารถกำหนดจุดยึดที่เชื่อมโยงกับสารบัญ จุดยึดถูกสร้างขึ้นด้วยแอตทริบิวต์ "name"
    • ในการสร้างจุดยึดให้แทรกแท็กในตำแหน่งที่ถูกต้องบนหน้าเช่นบทที่ 3 - การใช้จุดยึดใน HTML
    • ในการเชื่อมโยงไปยังจุดยึดที่สร้างขึ้นใหม่ให้ใช้เครื่องหมาย # ดังนี้ # ไปที่บทที่ 3

เคล็ดลับ

  • คุณไม่จำเป็นต้องใช้ซอฟต์แวร์พิเศษใด ๆ ในการสร้างเว็บไซต์และคอมพิวเตอร์ส่วนใหญ่จะติดตั้งซอฟต์แวร์ที่ถูกต้องตามค่าเริ่มต้น ตัวอย่างคือ Notepad / Notepad ใน Windows เพียงป้อนรหัสและบันทึกเป็น html เพื่อให้สามารถดูว่าสิ่งนี้มีลักษณะอย่างไรในทางปฏิบัติคุณจำเป็นต้องมีเบราว์เซอร์ซึ่งมักไม่จำเป็นในโปรแกรมขั้นสูง นอกจากนี้ไม่มีตัวเลือกในการตรวจสอบโค้ดสำหรับไวยากรณ์และเป็นไปตามมาตรฐานหรือไม่
  • ใช้สไตล์ CSS เพื่อเปลี่ยนสีและคุณสมบัติอื่น ๆ ของลิงก์

ความจำเป็น

  • คอมพิวเตอร์
  • โปรแกรมแก้ไขเช่น Notepad หรือซอฟต์แวร์ออกแบบเว็บ