external css to html code example

Example 1: how to link css to html

<link rel="stylesheet" href="styles.css">

Example 2: add stylesheet html

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

Example 3: adding css to html

<head>
  <!-- Linking external Css document -->
  <link rel="stylesheet" href="styles.css">
  
  <!-- Writing Css inside HTML element -->
  <style>
    ...
  </style>
</head>

Example 4: how to like css to html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="path of your file" />
  </head>
</html>

Example 5: how to add a css file in html

<!DOCTYPE html>
<html>
<head>

  <link rel="stylesheet" href="styles.css">

</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Example 6: how to add css in html

/*
adding css without a css file
*/

/*
in head add
*/

<style>
	/* put in your normal css*/
</style>

Tags:

Css Example