HTML Structure Template

HTML Structure 

<html>

<body>

<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

 

HTML Link

<a href=http://en.wikipedia.org/wiki/Jay-Z>Source link for Jay Z Bio</a>

 

HTML Images

<img src=pulpit.jpg alt= Pulpit rock width= 304  height= 228 >

 

CSS Styles 

<head>
<style>

Add all CSS code in this area in between style and head.

</style>
</head>

body {background-color: Red;
}

p {color:Pink;}

 

Step 1: Change the font and  background color of all your links.

/*Font Color*/

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

/*Background Color */

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

/* Text Decoration*/

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Step 2: Add padding to all your links.

/*Padding*/

a:link {padding:3px;} /* unvisited link */
a:visited {padding:3px;} /* visited link */
a:hover {padding:3px;} /* mouse over link */
a:active {padding:3px;} /* selected link */

Step 3: Change font family of your links .

a{font-family:Verdana;}