HTML <link> Element
The <link> tag is used to define a relationship between the current document and an external resource. This tag is commonly used to link to external CSS files, favicon icons, and other resources.
Example:
In the following example, we use the <link> tag to link an external CSS file to our HTML document:
<link rel="stylesheet" type="text/css" href="styles.css">Attributes of the <link> Tag:
| Attribute | Description |
|---|---|
| rel | Specifies the relationship between the current document and the linked resource. Common values include stylesheet, icon, and alternate. |
| type | Specifies the MIME type of the linked resource. For CSS files, the value should be text/css. |
| href | Specifies the URL of the linked resource. This attribute is required for the <link> tag. |
| media | Specifies the media type or media query for which the linked resource is intended. This attribute is optional. |
Full Syntax of the <link> Tag:
<link rel="value" type="value" href="#" media="value">By using the <link> tag, you can easily link external resources, such as CSS files, favicon icons, and more, to your HTML documents. This helps to keep your HTML code clean and organized.