รหัสลิงค์ HTML

วิธีเขียนโค้ดลิงค์ HTML

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

ลิงค์ข้อความ HTML

<a href="link/html-text-link.htm">Text Link</a>

รหัสจะสร้างลิงค์นี้:

ลิงค์ข้อความ

HTML เชื่อมโยงไปยังหน้าเดียวกัน

รหัสลิงค์สมอ:

<a href="#generator">Link code generator</a>

รหัสจะสร้างลิงค์นี้:

ตัวสร้างรหัสลิงค์

เมื่อกดลิงก์ เบราว์เซอร์จะข้ามไปยังหัวข้อด้านล่าง พร้อมรหัสนี้:

<h2><a id="generator">Link code generator</a></h2>

ลิงค์รูปภาพ HTML

<a href="link/link-image.htm"><img src="link/flower.jpg" width="82" height="86" alt="Flower"></a>

รหัสจะสร้างลิงค์นี้:

ลิงก์อีเมล HTML

<a href="mailto:name@cmtoinchesconvert.com">Send Mail</a>

รหัสจะสร้างลิงค์นี้:

ส่งอีเมล์

 

ดู: HTML mailtoลิงก์

ลิงค์ HTML เพื่อดาวน์โหลดไฟล์

<a href="link/test_file.zip">Download File</a>

รหัสจะสร้างลิงค์นี้:

ดาวน์โหลดไฟล์

 

ดู: ลิงค์ดาวน์โหลด HTML

ลิงก์ HTML เปิดในหน้าต่างใหม่

ลิงค์นี้จะเปิดในหน้าต่างใหม่หรือแท็บ:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

รหัสจะสร้างลิงค์นี้:

เปิดหน้าในหน้าต่างใหม่

ลิงก์ปุ่ม HTML

ไม่มีจาวาสคริปต์:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

ด้วยจาวาสคริปต์:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

สีลิงค์

การเปลี่ยนสีลิงค์ทำได้ด้วยสไตล์ css:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

รหัสจะสร้างลิงค์นี้:

หน้าสีของลิงค์

 

การเปลี่ยนสีพื้นหลังของลิงค์ทำได้ด้วยสไตล์ css:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

รหัสจะสร้างลิงค์นี้:

หน้าสีของลิงค์

ลิงก์พาธแบบสัมพัทธ์กับแบบสัมบูรณ์

นี่คือลิงค์ที่มี URL เส้นทางสัมพัทธ์:

<a href="link/html-text-link.htm">Text Link</a>

รหัสจะสร้างลิงค์นี้:

ลิงค์ข้อความ

 

นี่คือลิงค์ที่มี URL เส้นทางที่สมบูรณ์:

<a href="https://cmtoinchesconvert.com/th/web/html/link/html-text-link.htm">Text Link</a>

รหัสจะสร้างลิงค์นี้:

ลิงค์ข้อความ

ตัวสร้างรหัสลิงค์ HTML

เลือกประเภทลิงค์:

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

 

---

ดูสิ่งนี้ด้วย

• ความคิดเห็น HTML
• ลิงก์สมอ HTML
• ลิงก์ปุ่ม HTML
• ลิงค์ดาวน์โหลด HTML
• ลิงค์รูปภาพ HTML
• สีของลิงก์ HTML
• ลิงก์เมลไปยัง HTML
• HTML ลิงค์หน้าต่างใหม่
• ลิงค์ข้อความ HTML