แอตทริบิวท์ href ของ <link> ใน HTML

แอตทริบิวท์ href ของ <link> ใน HTML

แอตทริบิวท์ href ขององค์ประกอบ <link> ใช้สำหรับตั้งค่า URL ของทรัพยากรภายนอก

รูปแบบการใช้งานมีดังนี้:

<link href="url">

โดย url คือ URL ของเอกสารที่ลิงก์ ให้ดูตัวอย่างด้านล่าง:

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="new.css">
</head>
<body>
  <h1>หัวข้อตัวอย่าง</h1>
  <p>นี่คือข้อความตัวอย่าง</p>
</body>
</html>

เรามีเอกสารภายนอกชื่อ "new.css" ซึ่งถูกลิงก์ผ่าน href เอกสารนี้เป็นไฟล์ CSS สไตล์:

h1 { color: blue; }
p { background-color: red; }

ผลลัพธ์

ผลลัพธ์จะเป็นดังนี้ เราจัดสไตล์หัวข้อและข้อความใน "new.css" ด้านบน: