External documents relationship (<link />)

The link element can be placed only in the document's head section and it is used to define a link to external source.

This element has no content; it only expresses document relationship(s) information.

Depending on the purpose of the link element and the browser rendering it, the element's results might be presented in different ways such as a drop down menu, etc.

Links are also used to inform search engines about variety of things, such as links to different media (i.e. printing version of the page) or a URI to the version of document written in another language.

The most widely used and browser supported usage of the link element is a link to external style sheets file.

Link is an empty element, therefore the closing tag is forbidden.

Syntax:

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

Attributes:

id, class (document-wide identifiers)
lang (language information), dir (text direction)
title (element title)
style (inline style information)
target (target frame information)
media (header style information)
type (content type)
accesskey (access keys)
href, hreflang, rel, rev (links specific attributes)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events)

Example

HTML link element:

<html>

<head>
<title>HTML tutorial</title>
<link rel="stylesheet" type="text/css" href="../../../img/tutorials/css_ex1.css" />
</head> 

<body>

<h4>Following paragraphs are styled with an external style sheet</h4>
<p>This paragraph is larger and has green font.</p>
<p>This paragraph is smaller and has different font!</p>

</body>

</html>

›› go to examples ››

External documents relationship (<link />)

Syntax:

Attributes:

Example

HTML link element:

Comments

About

Contact

Get Connected