Ch 6 - HTML Tutorial

Lesson 1 - Basic Text & Title

In this sentence you will notice codes stuck in the sentences at semi-random points. As this special markup code is being used they break the sentences up with line breaks. Do you get the idea?

Lesson 2 - Paragraph format

Left Justified Here is a small block of text, enough text to cause the sentences to wrap and illustrate the effect of "left" on word wrap. Right Justified Here is a small block of text, enough text to cause the sentences to wrap and illustrate the effect of "right" on word wrap. Center Justified Here is a small block of text, enough text to cause the sentences to wrap and illustrate the effect of "center" on word wrap. Justify Justified Here is a small block of text, enough text to cause the sentences to wrap and illustrate the effect of "justify" on word wrap.

Lesson 3 - Images

<img src="http://www.hutchtom.com/image029_small.jpg" width=120 height=40 border=0 alt="TEXT HERE" align=left> Here is a bunch of text that will wrap around the right side of the image that is to the left -- thanks to our wonderful align=left attribute. Notice the words are up against the side of the image -- no hspace is being used here. Now go back and add in an hspace tag

Lesson 4 - Links

<a href="http://www.hutchtom.com/4690/index.htm"> Link to other page</a>

Lesson 5 - Body in Detail

<title>Page Title</title><body bgcolor="#000000" text="#ffffff" link="black" vlink="blue" alink="#ff00ff"#> Here is some text <a href="http://www.hutchtom.com/4690/index.htm"> Here is a link</a> We have made the text white with the text="#ffffff" command and the link blue with the link="blue" tag. We have also made the background black. Try entering in some different colors for the text and background. You can use names or the hexidecimal code for colors.</body>

Lesson 6 - Background Image

<title>Page Title</title><body bgcolor="#000000" background="http://www.hutchtom.com/image029_small.jpg" text="#ffffff" link="black" vlink="black" alink="#ff00ff"#> Here is some text <a href="http://www.hutchtom.com/4690/index.htm"> Here is a link</a> We have made the text white with the text="#ffffff" command and the link black with the link="black" tag. We did this so you could still read the link instead of the normal blue link on a blue sky background. Now go back and change out an image for something you find on the internet. Find a photo on a web site. Right mouse click and then pick properties from the menu. Then copy the URL address in place of my background URL.</body>

Lesson 7 - Formatting Text

This sentence is in bold. And this sentence is not. You must remember to put end tags in to denote when to end the formatting. Now, take out one of the end tags, such as the "/i" tag and see what happens.