Page Tutor Lesson 1
<html>
<!—comment-->
<head>
<title></title>
</head>
<body>
</body>
</html>
Page Tutor Lesson 2
<body bgcolor="#ccffcc">
<body background="swirlies.gif">
Page Tutor Lesson 3 (Text emphasis-italic, bold, underline)
Nested tags Not overlapping tags
<i><b><u>cool</u></b></i>
Page Tutor Lesson 4
<font size="6">cool</font>
Font come in 7 sizes (1-7) default is size 3 (which is equal to 12pt)
<font face="arial,helvetica,lucida sans">Hidee Ho</font>
Page Tutor Lesson 5
attribute="value"
<font color="#ff0000">cool</font> <!--changes font color-->
Page Tutor Lesson 6
<h1>Something really cool</h1> <!—headings come in 6 sizes-->
<h2 align="left">Text left</h2>
<h2 align="center">Text center</h2>
<h2 align="right">Text right</h2>
<body bgcolor="#000000" text="#ffff66" link="#00ff33" vlink="#00bb33" alink="#00ddff">
<!--changing link colors-->
Page Tutor Lesson 7 (line breaks)
<br>
Page Tutor Lesson 8 (paragraph breaks, aligning paragraphs)
<p>Something really cool</p>
<p align="left">Something really cool</p>
<p align="center">like an icecube</p>
<p align="right">or a popsicle</p>
<center>Something really cool</center>
Page Tutor Lesson 9 (special characters)
non-breaking space
< < less-than symbol
> > greater-than symbol
& & ampersand
" " quotation mark
Page Tutor Lesson 10 (inserting an image, image sizes, paths to images)
<img src="chef.gif" width="130" height="101">
Page Tutor Lesson 11 (alt images, image sizes)
<img src="chef.gif" width="130" height="101" alt="My Chef">
Page Tutor Lesson 12 (links)
Go to <a href="http://www.yahoo.com/">Yahoo!</a>
Page Tutor Lesson 13 (mailto)
<a href="mailto:forrest@bubbagump.com">Mail!</a>
Page Tutor Lesson 14 (link to a file)
<a href="mybio.doc">Download my autobiography</a>
<a href="http://www.cnn.com/" target="_blank">CNN</a> <!--opens a new window-->
Page Tutor Lesson 15 (image sizes and gif vs. jpeg)