How to add styles
Inline:
Style information can be specified for an individual element using the
style
attribute within that element's HTML tag. The value of the
style attribute
is a standard style declaration without the curly braces:
E.G. <H1 style="color: purple; font-size: 20pt;"> A large purple heading <H1>
Embeded:
A style sheet can be embeded at the top of an HTML document using the
style element, which must be placed within the HEAD portion of the document:
E.G.
<HTML>
<HEAD >
<TITLE >Stylin!! < /TITLE>
< STYLE TYPE="text/css">
H1 {color: purple;}
P {font-size: 10pt; color: gray;}
</STYLE>
</HEAD>
</HTML>
External:
Style rules can be stored in a separate text document that is referenced from
an HTML document. The following shows a link to the external style sheet using
the LINK tag in the HEAD of the document:
E.G.
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">
</HEAD>