Sample Index Page, Mr. Kendall


Day 1, Beginning HTML

How to format basic text, in different sizes
Lesson One on Mr. Kendall's HTML pages
1) Went over H1, H2, H3, headings for size of text
(note: all these tags would have the carrets before and after them)

2) can change the color of the font with tag

Day 2, Displaying Images,

Lesson Two on Mr. Kendall's HTML pages
3) can change the color of the background of the page, inside the body tag, with

4) to display an image, use the tag, and be sure the actual image is in the same folder at the web page

5) Use the color chart to find the exact name to use for the font color or bgcolor tags.

6) Remember how to resize your photos in Adobe Photoshop CS

7) If you need to find images on the web, use the Google advanced image search and click to the actual web page of the image. Click and hold the mouse button down for a few seconds (if this doesn't work, hold the "control" key down and repeat), until a dialogue box pops up. Choose "download image to disk" or "save image to disk", etc. Re-name it to a simpler name, if necessary.
Make sure the image is in the same folder as your web page, or it won't display!

Day 3, Making Links to Connect Other Pages

Lesson Four on Mr. Kendall's HTML pages

Dragon Web Page

Here's what the tags for the above and below links look like:

They are both examples of the "relative links" described in Lesson Four, and the ones you should use to connect your scientist and other web pages to your index page.


A sample web page demonstrating text, images and links.


Day 4, More Advanced Formatting

Lesson Five: Tables on Mr. Kendall's HTML pages

If you wish to display two items next to each other, left and right, rather than above or below each other, use a simple table.

The wizard casts his spell incorrectly, and changed himself into a gryphon instead of a frog!

Here's what the HTML script for the above formatting looks like.

Return to 7th Grade Main Page