Tutorial
HTML Link Tag Syntax Reference for External CSS Files
Introduction
The link tag (<link>
) describes the relation of a linked resource. It is often used to insert external CSS files. Let’s see how.
Prerequisites
- A general knowledge of HTML5. For a comprehensive review of the HTML5 markup language, explore our series, How To Build a Website in HTML.
Using the <link>
Tag
To insert an external CSS file in your HTML, use the <link> tag like so. Remember to add this tag in the <head> section of the document:
<link rel='stylesheet'
href='style.css'
type='text/css'
media='all'>
The media
attribute is optional and it narrows down the scope of the stylesheet to certain devices. Here are the possible values: all, aural, braille, handheld, projection, print, screen, tty, and tv.
Conclusion
The <link>
tag is an important feature of HTML.
For a more comprehensive review of the HTML5 markup language, explore our series, How To Build a Website in HTML.