Można to zrobić za pomocą tagu w sekcji pliku HTML. Tag zawiera atrybuty rel, type i href, które określają relację zewnętrznego pliku CSS z dokumentem HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>Hello World!</h1> </body> </html>
Atrybut rel="stylesheet" wskazuje, że plik jest arkuszem stylów, type="text/css" określa typ pliku (choć jest to
domyślne i opcjonalne), a href="styles.css" podaje ścieżkę do pliku CSS.
