Advanced Web Design CIS4930 – HTML Commands (Review) 1/26/04

 The first thing to put on your web page, is a title. 

 HTML isn't case sensitive

 HTML has six levels of headings, numbered 1 through 6, with 1 being the largest

Hello

Hello

Hello

Hello

 Whenever you have more than a sentence of writing, you should have paragraphs.

This is a paragraph. Put whatever instructions you want here. Maybe ask them to send an e-mail with suggestions

 There are two types of lists that you can make in HTML, Dotted

• Lisa
• George
• Bill

Numbered

1. Lisa
2. George
3. Bill

 Forced Line Breaks – Sentence1
Sentence2
Sentence3 This is one of the few commands that you don't have to put an ending command on

 Horizontal rule, or line in your page

---

---

---

1  Format some of your text

, for bold

, for italic

, for underlined

, for strikeout

^, for superscript

_, for subscript

, for teletype

, for blinking text (very annoying)

You can also mix styles together like this!

 URLs - When you make a link - colored text text that you want to be colored goes here

 have a link that will take you further down a page

1) To make the actual link, call it "downstream". If downstream is on the same page that the link is, you would type:

Colored Text

Otherwise, you would add "#downstream" to the end of the URL. 2) Now, you need to make where the link will take you. Go to downstream where you want the link to take you, and type:

 Mailto Links - Prof Jodi

 To display a graphic - The "ALT" attribute lets you specify text to be displayed instead of an image. For example:

 Animated Graphics - In order to have animation on your web page, you need to download a program that was made to fit more that one GIF in a file.

2  Background, text, and link Color – You must have "#" sign before actual code.  for background color  for color of text (all non-links)  for color of unvisited links  for color of visited links  for color of active links (while being selected)

You can also string two or more of these commands together:

 Background Graphics

Instead of having a solid color as a background, you can have one graphic that repeats over and over to create a background; for a background called "bk.gif" would be:

 Linking with graphics

(1) You might want to have a graphic that is a link. just mix the two commands of linking, and displaying graphics.

(2) You can also have a graphic link with text next to the graphic

Yahoo! first the plain graphic-link:

second, the graphic-link with text:

Yahoo!

 Image Maps

Before creating an image map, make sure your server supports them. First, create an image. Draw a picture with sections that could lead to certain places. Second, create an image map file. You can go to Yahoo's Image Map Directory.

3