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

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.

Creative Commons License