RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.geeksforgeeks.org/html/html-link-tag/ below:

HTML <link> Tag - GeeksforGeeks

HTML <link> Tag

Last Updated : 12 Jul, 2025

The HTML <link> 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

 <link rel="stylesheet" href="styles.css">

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. HTML link Tag Examples Example 1: Basic Implementation

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

HTML


 <!DOCTYPE html>
<html>

<head>
    <title>HTML Link Tag</title>
    <link rel="stylesheet" 
          type="text/css" 
          href="style.css">
</head>

<body style="background-color: 
             green; color: green;">
    <h1>GeeksforGeeks</h1>
    <h3>HTML Link Tag</h3>
    <p>
        A Computer Science portal for geeks.
        It contains well written, well thought
        and well explained computer science and
        programming articles.
    </p>
</body>

</html>

Output:

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 <h1> tags.

HTML


 <!DOCTYPE html>
<html>

<head>
    <title>HTML Link Tag</title>
    <link rel="stylesheet" 
          type="text/css"
          href="style.css" 
          hreflang="en-us">
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML Link Tag</h2>
</body>

</html>

CSS

Output:

HTML link Tag with attributes Supported Browsers

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

Google Chrome 5.0
Edge 12
Mozilla 4.0
Safari 5.0
Opera 11.1

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4