HTML <link> Tag (original) (raw)

Last Updated : 12 Jul, 2025

The **HTML tag defines the relationship between the current document and an external resource, often for stylesheets or favicons. It's an empty element with attributes like href and rel.

**Note: The <link> tag also supports the Global Attributes and Event Attributes in HTML.

**Syntax

**Attributes values

Attribute Value Description
charset Specifies the character encoding for the HTML-linked document.
crossOrigin Assign the CORS (Cross-Origin Resource Sharing) settings of the linked document.
disabled Specifies that the linked document is disabled.
href Specifies the URL of the linked document.
hreflang Specifies the language for a linked document.
media Specifies what media/device the target resource is optimized for.
rel Specifies the relationship between the current and the linked document.
rev Assigns the reverse relationship from the linked document to the current document.
sizes Specifies the sizes of the icon for visual media; works when rel="icon".
target Specifies the window or a frame where the linked document is loaded.
type Sets/returns the content type of the linked document.

**Example 1: Basic Implementation

This example demonstrates the use of the tag to link an external stylesheet and the declaration of the rel and type attributes.

HTML `

HTML Link Tag

GeeksforGeeks

HTML Link Tag

A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles.

`

**Output:

HTML <link> Tag

**Example 2: Using hreflang Attribute

This example uses the hreflang attribute to specify the language of the linked document and links an external CSS file that styles

tags.

HTML `

HTML Link Tag

GeeksforGeeks

HTML Link Tag

CSS

h1{ color: green; }

`

**Output:

HTML link Tag with attributes

HTML link Tag with attributes

**Supported Browsers

The browser supported by value attribute in option tag are listed below: