Latest web development tutorials
×

HTML หลักสูตร

HTML หลักสูตร HTML แนะนำโดยย่อ HTML บรรณาธิการ HTML รากฐาน HTML ธาตุ HTML คุณสมบัติ HTML พาดหัว HTML ย่อหน้า HTML จัดรูปแบบข้อความ HTML ลิงค์ HTML หัว HTML CSS HTML ภาพ HTML ตาราง HTML รายการ HTML กลุ่ม HTML แบบ HTML ฟอร์ม HTML กรอบ HTML สี HTML ชื่อสี HTML ค่าสี HTML ต้นฉบับ HTML หน่วย Character HTML URL HTML รายการที่รวดเร็ว HTML ย่อ บทนำ XHTML

HTML5

HTML5 หลักสูตร HTML5 สนับสนุนเบราว์เซอร์ HTML5 องค์ประกอบใหม่ HTML5 Canvas HTML5 inline SVG HTML5 MathML HTML5 ลากและวาง HTML5 สถานที่ตั้งทางภูมิศาสตร์ HTML5 วีดีโอ(Video) HTML5 ความถี่คลื่นเสียน(Audio) HTML5 Input ชนิด HTML5 องค์ประกอบของแบบฟอร์ม HTML5 คุณสมบัติของฟอร์ม HTML5 องค์ประกอบความหมาย HTML5 Web หน่วยความจำ HTML5 Web SQL HTML5 แอพลิเคชันแคช HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 ทดสอบ HTML(5)ข้อมูลจำเพาะรหัส

HTML สื่อ

HTML สื่อ(Media) HTML วิดเจ็ต HTML ความถี่คลื่นเสียน(Audio) HTML เครื่องเล่นวีดีโอ(Videos) HTML ตัวอย่าง

HTML คู่มืออ้างอิง

HTML รายการแท็ก(ตามลำดับตัวอักษร) HTML รายการแท็ก(ฟังก์ชั่นการจัดเรียง) HTML คุณสมบัติ HTML เหตุการณ์ HTML ผ้าใบ HTML ความถี่คลื่นเสียน/วีดีโอ HTML มีประสิทธิภาพ DOCTYPES HTML ชื่อสี HTML ตัวเลือกสี HTML ชุดอักขระ HTML ASCII HTML ISO-8859-1 HTML สัญญลักษณ์ HTML URL การเข้ารหัส HTML รหัสภาษา HTTP ข่าว HTTP ทาง แป้นพิมพ์ลัด

ลิงก์ HTML

ใช้ภาษา HTML เชื่อมโยงหลายมิติที่เชื่อมต่อกับเอกสารอื่นบนเครือข่าย เกือบคุณสามารถค้นหาเชื่อมโยงไปยังหน้าเว็บทั้งหมด คลิกที่ลิงค์ที่จะกระโดดจากหน้าหนึ่งไปอีกหน้าหนึ่ง


ตัวอย่าง

ลอง - ตัวอย่าง

ลิงก์ HTML
วิธีการสร้างการเชื่อมโยงในเอกสารแบบ HTML

(คุณสามารถหาตัวอย่างเพิ่มเติมที่ด้านล่างของหน้านี้)


เชื่อมโยงหลายมิติ HTML (ลิงก์)

HTML ใช้แท็ก <a> การตั้งค่าการเชื่อมโยง Hypertext

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

เมื่อคุณย้ายตัวชี้เมาส์ไปเชื่อมโยงบนเว็บเพจการเปลี่ยนแปลงที่ลูกศรเพื่อมือเล็ก ๆ

ใช้แท็กแอตทริบิวต์ href <a> เพื่ออธิบายการเชื่อมโยงอยู่

โดยค่าเริ่มต้นการเชื่อมโยงจะปรากฏในรูปแบบของเบราว์เซอร์:

  • การเชื่อมโยง unvisited แสดงในตัวอักษรสีฟ้าและขีดเส้นใต้
  • การเชื่อมโยงเข้าเยี่ยมชมเป็นสีม่วงและขีดเส้นใต้
  • คลิกที่ลิงค์ที่เชื่อมโยงจะปรากฏเป็นสีแดงและขีดเส้นใต้

หมายเหตุ: หากคุณตั้งค่ารูปแบบ CSS สำหรับการเชื่อมโยงเหล่านี้ตามสไตล์ CSS แสดงการตั้งค่าการแสดงผล


HTML การเชื่อมโยงไวยากรณ์

รหัส HTML การเชื่อมโยงเป็นเรื่องง่ายมาก มันเป็นเช่นนี้ ::

<ahref=" URLข้อความลิงค์"> </a>

แอตทริบิวต์ href อธิบายเป้าหมายของการเชื่อมโยง .

ตัวอย่าง

<a href="http://www.w3big.com/"> เยี่ยมชมการกวดวิชานี้ </a>

บรรทัดข้างต้นของรหัสปรากฏเป็น :: เยี่ยมชมการกวดวิชานี้

คลิกที่เชื่อมโยงหลายมิติจะนำผู้ใช้ไปยังหน้าการกวดวิชา

เคล็ดลับ:ข้อความ "เชื่อมโยง"ไม่ต้องเป็นข้อความภาพหรือองค์ประกอบ HTML อื่น ๆ สามารถเชื่อมโยง


ลิงก์ HTML - ทรัพย์สินเป้าหมาย

ใช้แอตทริบิวต์เป้าหมายที่คุณสามารถกำหนดเอกสารเชื่อมโยงจะปรากฏที่

บรรทัดด้านล่างจะเปิดเอกสารในหน้าต่างใหม่:

ตัวอย่าง

<a href = "http://www.w3big.com/" target = "_ blank"> เยี่ยมชมการกวดวิชานี้! </ a>

ลอง»


การเชื่อมต่อ HTML - แอตทริบิวต์ ID

แอตทริบิวต์ ID สามารถนำมาใช้ในการสร้างเอกสาร HTML บุ๊คมาร์ค

เคล็ดลับ: บุ๊กจะไม่แสดงในวิธีพิเศษใด ๆ ในเอกสาร HTML จะไม่แสดงเพื่อให้ผู้อ่านที่ถูกซ่อนอยู่

ตัวอย่าง

ID จะแทรกอยู่ในเอกสาร HTML:

<a แนะนำที่เป็นประโยชน์ id="tips"> ส่วน </a>

สร้างการเชื่อมโยงกับ "เคล็ดลับที่เป็นประโยชน์ส่วน (id =" เคล็ดลับ ")" ในเอกสาร HTML A:

<a href="#tips"> เข้าถึงคำแนะนำที่เป็นประโยชน์ส่วน </a>

หรือสร้างการเชื่อมโยงจากหน้าอีกครั้งเพื่อให้ "เคล็ดลับที่เป็นประโยชน์ส่วน (id =" เคล็ดลับ ")" A:

<a href="http://www.w3big.com/html/html-links.html#tips">
เคล็ดลับที่เป็นประโยชน์ในการเข้าถึงส่วน </a>


ข้อควรระวังพื้นฐาน - แนะนำที่เป็นประโยชน์

หมายเหตุ: เสมอเพิ่มทับโฟลเดอร์ย่อยถ้าเป็นเช่นนั้นเขียน Link: href = "http://www.w3big.com/html" จะผลิตร้องขอไปยังเซิร์ฟเวอร์ HTTP สองครั้ง นี้เป็นเพราะเซิร์ฟเวอร์จะเพิ่มเฉือนไปยังที่อยู่และสร้างคำขอใหม่เช่นนี้ href = "http://www.w3big.com/html/"


ตัวอย่าง

ตัวอย่างเพิ่มเติม

เชื่อมโยงของรูปภาพ
วิธีการใช้งานการเชื่อมโยงภาพ

ในการเชื่อมโยงหน้าปัจจุบันไปยังสถานที่ที่กำหนด
วิธีการใช้ที่คั่นหน้า

นอกกรอบ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะกระโดดออกมาจากกรอบหากหน้าของคุณจะมีความปลอดภัยภายในกรอบ

สร้างการเชื่อมโยงอีเมล
วิธีตัวอย่างนี้แสดงให้เห็นถึงวิธีการเชื่อมโยงข้อความ (ในกรณีนี้การทำงานหลังจากที่คุณติดตั้งโปรแกรมอีเมล.)

ลิงค์อีเมล์ built 2
ตัวอย่างนี้แสดงให้เห็นถึงการเชื่อมโยงอีเมลที่ซับซ้อนมากขึ้น


แท็ก link HTML

ฉลาก ลักษณะ
<a> กําหนดการเชื่อมโยงหลายมิติ