Page Tutor Lesson Notes

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)

&nbsp;   non-breaking space

&lt;     < less-than symbol

&gt;     > greater-than symbol

&amp;    & ampersand

&quot;   " 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)