To include a style sheet in an HTML file, we use the link element. <link> is a self-closing empty element and it goes inside the head element.
<head>
<link>
</head>
<body>
<h1>Water Puns</h1>
<p> Why does water never laugh at jokes? It's not a fan of dry
humor. </p>
</body>
h1 {
color: red;
}
p {
color: blue;
}
To know what kind of file to include, the opening link tag needs the rel attribute set using rel="stylesheet".
<head>
<link rel="stylesheet">
</head>
<body>
<h1>Water puns</h1>
<p>Why are rivers amazing roommates? They go with the flow. </p>
</body>
h1 {
color: red;
}
p {
color: blue;
}
To specify the style sheet's location, set the href attribute to "style.css".
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Water Puns</h1>
<p> Why are oceans so meticulous?<br> They like to be pacific. </p>
</body>
h1 {
color: red;
}
p {
color: blue;
}