Introduction To Styles
Skills Covered
Styles
Selector
Property
Value
braces {}
font-family
color
margin; margin-left; margin-right; margin-top; margin-bottom
What You'll Wish You'd Known
In this exercise we are going to get deeper into customizing web page elements using Styles. As an added bonus, we finally get to do something else inside those <head> tags! This is going to be tough for some students because, unfortunately, they have "discovered" certain elements of a well-crafted web page aren't really needed. Don't be that student! The standard layout for all of your HTML documents should look like this:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The title of your page goes here </title>
</head>
<body>
All of your web page content goes here
</body>
</html>
If your HTML documents up to this point do not have the proper markup, please please please go back and edit them before it gets ugly for you!
Once that's finished, I'd like you to open this page and make it yours: Choose View Source, then Copy and Paste all of the HTML to the notepad. Save the document as wish.htm