ผู้เขียน:
Roger Morrison
วันที่สร้าง:
19 กันยายน 2021
วันที่อัปเดต:
21 มิถุนายน 2024
![how to make your youtube video link to your web site how to add a website you tube annotation](https://i.ytimg.com/vi/IJu1OzyZGmE/hqdefault.jpg)
เนื้อหา
- ที่จะก้าว
- วิธีที่ 1 จาก 2: ลิงก์แบบธรรมดา
- วิธีที่ 2 จาก 2: การเพิ่มอีเมลและจุดยึด
- เคล็ดลับ
- ความจำเป็น
ลิงก์หรือไฮเปอร์ลิงก์มักเรียกโดยย่อว่า "ลิงก์" เป็นกระดูกสันหลังของอินเทอร์เน็ตและเว็บไซต์โดยเฉพาะ ลิงก์อนุญาตให้ผู้ใช้คลิกที่ข้อความหรือรูปภาพซึ่งจะเปลี่ยนเส้นทางไปยังหน้าเว็บอื่น สิ่งนี้ทำให้พวกเขาเป็นส่วนหนึ่งของอินเทอร์เน็ตอย่างแยกไม่ออก การสร้างลิงค์เป็นส่วนหนึ่งของเว็บไซต์ของคุณต้องใช้โค้ด HTML น้อยมาก ที่นี่เราจะแสดงให้คุณเห็นว่า
ที่จะก้าว
วิธีที่ 1 จาก 2: ลิงก์แบบธรรมดา
สร้างข้อความหรือวางรูปภาพที่คุณต้องการใช้เป็นลิงค์ ลิงก์ถูกสร้างขึ้นด้วยแท็ก html ง่ายๆเพียงไม่กี่แท็กเมื่อแก้ไขโค้ดของเว็บไซต์ของคุณ แต่ก่อนอื่นสิ่งสำคัญคือต้องรู้ว่าคุณต้องการใส่อะไรในแท็ก ซึ่งอาจเป็นข้อความรูปภาพหรือองค์ประกอบ html อื่น แต่ที่นี่เราใช้แค่บรรทัดข้อความ
วางแท็กสองแท็กรอบข้อความ ไฮเปอร์ลิงก์จะระบุด้วยแท็กง่ายๆสองแท็กแท็กหนึ่งเพื่อเปิดโค้ดและอีกแท็กหนึ่งเพื่อปิด หากไม่มีแอตทริบิวต์สิ่งนี้ยังไม่มีประโยชน์จริงๆ แต่เรากำลังจะทำอะไรบางอย่างกับมัน
- ลิงก์ของคุณอาจมีลักษณะดังนี้คลิกที่นี่เพื่อเยี่ยมชมเว็บไซต์ใหม่ของฉัน
เพิ่มแอตทริบิวต์ "href" เพื่อระบุว่าลิงก์นำไปที่ใด แอตทริบิวต์ "href" จะบอกเบราว์เซอร์ว่าจะนำผู้ใช้ไปที่ใดเมื่อคลิกลิงก์ แอตทริบิวต์นี้ตามด้วยเครื่องหมายเท่ากับแล้วตามด้วยที่อยู่ในเครื่องหมายคำพูดที่อยู่ข้างหลัง
- ตัวอย่างข้างต้นควรมีลักษณะดังนี้: คลิกที่นี่ เพื่อเยี่ยมชมเว็บไซต์ใหม่ของฉัน
- โปรดทราบว่าหากปลายทางของลิงก์เป็นเว็บไซต์อื่นคุณต้องระบุ URL แบบเต็ม (โดยปกติจะขึ้นต้นด้วย "http") หากกำหนดเฉพาะชื่อของเพจจะถือว่าถูกค้นหาภายในไดเร็กทอรีของเว็บไซต์
วิธีที่ 2 จาก 2: การเพิ่มอีเมลและจุดยึด
สร้างลิงค์จากรูปภาพ ซึ่งทำได้ง่ายมากโดยการเพิ่มแท็กรูปภาพภายในแท็กลิงก์ คุณจะต้องมีที่อยู่ของตำแหน่งของรูปภาพ (เช่นตำแหน่งบนเซิร์ฟเวอร์ของคุณหรือของผู้อื่น) นี่คือตัวอย่างของลิงก์รูปภาพที่อาจมีลักษณะดังนี้:
- a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
สร้างลิงก์อีเมลโดยใช้ "mailto:’ มาตรการ. ในการสร้างลิงก์เพื่อเขียนอีเมลไปยังที่อยู่เฉพาะให้ใช้ "mailto:" และวางไว้ตรงหน้าที่อยู่อีเมลของบุคคลนั้น
- ลิงก์อีเมลอาจมีลักษณะดังนี้: คลิกที่นี่ เพื่อถามคำถามหรือแสดงความคิดเห็น
สร้างจุดยึดภายในหน้าเว็บที่ใหญ่ขึ้นเพื่อให้อ้างอิงได้ง่าย หากคุณกำลังมองหาวิธีเชื่อมโยงไปยังส่วนใดส่วนหนึ่งของหน้าเว็บให้ใช้จุดยึด จุดยึดมีประโยชน์มากสำหรับเพจขนาดใหญ่ที่มีสารบัญ แต่ละบทหรือส่วนสามารถกำหนดจุดยึดที่เชื่อมโยงกับสารบัญ จุดยึดถูกสร้างขึ้นด้วยแอตทริบิวต์ "name"
- ในการสร้างจุดยึดให้แทรกแท็กในตำแหน่งที่ถูกต้องบนหน้าเช่นบทที่ 3 - การใช้จุดยึดใน HTML
- ในการเชื่อมโยงไปยังจุดยึดที่สร้างขึ้นใหม่ให้ใช้เครื่องหมาย # ดังนี้ # ไปที่บทที่ 3
เคล็ดลับ
- คุณไม่จำเป็นต้องใช้ซอฟต์แวร์พิเศษใด ๆ ในการสร้างเว็บไซต์และคอมพิวเตอร์ส่วนใหญ่จะติดตั้งซอฟต์แวร์ที่ถูกต้องตามค่าเริ่มต้น ตัวอย่างคือ Notepad / Notepad ใน Windows เพียงป้อนรหัสและบันทึกเป็น html เพื่อให้สามารถดูว่าสิ่งนี้มีลักษณะอย่างไรในทางปฏิบัติคุณจำเป็นต้องมีเบราว์เซอร์ซึ่งมักไม่จำเป็นในโปรแกรมขั้นสูง นอกจากนี้ไม่มีตัวเลือกในการตรวจสอบโค้ดสำหรับไวยากรณ์และเป็นไปตามมาตรฐานหรือไม่
- ใช้สไตล์ CSS เพื่อเปลี่ยนสีและคุณสมบัติอื่น ๆ ของลิงก์
ความจำเป็น
- คอมพิวเตอร์
- โปรแกรมแก้ไขเช่น Notepad หรือซอฟต์แวร์ออกแบบเว็บ