Make HTML document amongst linking a CSS file

This volition learn y’all how to brand an HTML document in addition to too link a CSS file amongst it. For or therefore blogspot users, who don’t accept whatever paid file hosting service they volition too larn how to set CSS inwards their templates without linking whatever external CSS file.

I volition present how to brand HTML documents inwards notepad amongst assist of pictures. 

Open notepad, inwards notepad y’all accept to offset brand the basic things inwards the HTML file which is displayed inwards the below box.

<html>
<head>
</head>
<body>
<p> This is an HTML document </p>
</body>
</html>

 FACT: All the contents are inwards <body> department of the HTML file,in <head> nosotros tin set JavaScripts , CSS agency , meta tags etc. 

Paste the HTML code inwards notepad in addition to directly ‘save as’ it amongst name .html or .htm, these 2 extension are the same, think to direct it ‘All files’ and ‘UTF-8’ ( because HTML are inwards UTF-8 Format)


                         

Link an CSS file

To link an external CSS file, opened upwards notepad glue the CSS in addition to salve it amongst a refer style.css  
in same folder inwards which y’all kept the mysite.html, come across the moving painting below to know how to salve it (it’s around similar the HTML).

You accept both the file mysite.html in addition to style.css files inwards i folder.
In HTML file, inwards the <head> department set this code to link the external agency sheet.

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

The HTML file should in addition to then await similar this 

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css”/>
</head>
<body>
<p> This is an HTML document </p>
</body>
</html>

Very nice, directly whatever y’all brand inwards HTML document y’all tin blueprint those elements yesteryear putting the CSS codes inwards the style.css file equally the both the file linked .


TIP: You may role this to exam designs earlier applying it on your website.

For blogspot

If y’all don’t accept whatever Web Hosting services, in addition to then y’all may role Internal CSS lines, External in addition to Internal CSS don’t accept much differences, both plant the same. Internal CSS are written inwards <head> department of the HTML file, below the <head> department CSS are written yesteryear putting this declaration. 

<head>
<style type=”text/css”>
div
{
color:red;
background-color: blue;
width: 65px;
height: 90px;
}
</style>
</head>

Hope this helps you. You tin post service me on depy45631@gmail.com


Sumber http://www.stramaxon.com