studiobast logo    TOOLS FOR STUDENTS


GrabIt Code

 

HTML File Referencing/Using External CSS

 

<!-- Comment:ADD DOCTYPE + OPENING HTML TAG HERE-->

<head>

 

<!-- Comment: BASIC META TAGS HERE -->

<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />

<title>Your Page Title</title>

 

<!-- Comment: EXTERNAL CSS LINK -->


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

 

</head>

 

<body>

 

<a name="top"></a> <!-- Comment: ANCHOR-->

 

<!-- Comment: HEADER STYLES-->
<h1 class="green">Header 1 </h1>
<h2>Header 2 </h2>
<h3>Header 3 </h3>
<h4 class="red">Header 4 </h4>
<h5>Header 5</h5>
<h6>Header 6</h6>

 

<!-- Comment: PARAGRAPH STYLES-->
<p>Paragraph Text</p>

<p class="blue" >Paragraph Text</p>

 

<ul>
<li> Unordered list item 1 </li>
<li> Unordered list item 2 </li>
</ul>

 

<!-- Comment: ABSOLUTE LINK-->
<a href="http://www.w3schools.com/html/html_styles.asp" target="_blank"> This is an absolute link - To HTML Styles Info </a>

<!-- Comment: A HORIZONTAL RULE -->
<hr />

<!-- Comment: A BREAK-->
<br />

<!-- Comment: AN IMAGE-->
<img src="imagename.jpg" alt="imagename" name="imagename" width="180"/>

<!-- Comment: ANCHOR LINK-->
<a href="#top">Back to Top </a>

</body>
</html>