7 days coding website making Tips and Tricks – Day 4

Linking to an External Style Sheet with your HTML file? Ok, no problem follow the step below and create a link to design your website front-end.

How to add CSS link to HTML page?

  1. Follow Step By Step
  • Open your HTML index file.
  • Find the  Head Opening Tag (<head> = HTML Opening Tag)
  • Write the code below in your above head Closing Tag (</head> = HTML Closing Tag)

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

  • Save Code.

Specials Instruction:

href=”css/style.css” refers to file location, where is save your CSS file.

Example Photo:

css

Link CSS File to HTML File

Advertisements

#coding-tips, #css-tricks-tips, #html-tricks-tips, #web-developer-tricks