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.

Please follow and like us: