link HTML

HTML <link> Tag

To link an external source to the current document, the HTML <link> tag is used. It can also be used with link site icons. It is placed within the <head> tag of the HTML document.

Syntax:

<link rel="stylesheet" type="text/css" href="">

Example:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>HELLO WORLD!!</h1>
<p>Today is a Great Day..</p>
</body>
</html>

Explanation:

In the above example, we are using the HTML <link> tag to link an external CSS file to an HTML document.

Tag Specific Attributes:

Attribute Value Uses
charset char_encoding Used to specify the character encoding of the linked source. Not supported in HTML5.
href URL Used to determine the location of the linked document.
hreflang language_code Used to determine the text language of the linked source.
media media_query Used to define the media, for which linked source is applied.
rel alternate

author

dns-prefetch

help

icon

license

next

pingback

preconnect

prefetch

preload

prerender

prev

search

stylesheet

Used to specify the relationship between the current and the linked document. It is a required attribute of the HTML <link> tag.
rev reversed

relationship

Used to specify the relationship between the link and the current document. Not supported in HTML5.
sizes Height* weight Used to determine the size of the linked source, and is used with rel=”icon.”
target _blank

_self

_top

_parent

frame_name

Used to specify where to load the linked document.
type media_type Used to determine the media type of document.

Global Attributes:

The HTML Global attributes are supported by the HTML <link> tag.

Event Attributes:

The HTML Event attributes are supported by the HTML <link> tag.

Supporting Browsers:

Chrome, IE, Firefox, Opera, and Safari.