Class 2, Lists

Class 2: Lists, Links, and Images
Looking back • Looking ahead

Looking back

Tags we learned about on Tuesday:

HTML
HEAD
BODY
TITLE
P
BR
HR
Hn
FONT
B
I
U
PRE

Lists
Ordered lists
Unordered lists
Definition lists
Numbering ordered lists
Unordered list bullets
Nested lists

Ordered lists

First item
Second item
Third item

Unordered lists

First item
Second item
Third item

Definition lists

First TITLE: First stuff first stuff first stuff first stuff first stuff first stuff first stuff first stuff first stuff first stuff first stuff
Second TITLE: Second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff second stuff
Third TITLE: Third stuff

Numbering ordered lists

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

Unordered list bullets

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

First item
Second item
Third item

Nested lists

Level one, item one
Level one, item two
1. Level two, item one
2. Level two, item two
3. Level three, item three
Level one, item three

Level one, item one
Level one, item two
- Level two, item one
- Level two, item two
- Level three, item three
Level one, item three

Links
Anchors
Links within a document
Links to another WWW page

Anchors

The maroon text is an anchor named HENRY

Links within a document

Clicking here will cause the browser to jump to (move to the top of the page) the anchor named HENRY.

Links to another WWW page

Clicking on this phrase will cause another page to be loaded from the same directory as this page..

Clicking on this phrase will cause another page to be loaded from the 101 Web.

Images
Image files
Inserting an image into an HTML page
Wrapping text around images
Aligning text and images
Images as links

Image files

Types: JPEG (.jpg) and GIF (.gif)
Grabbing images from the WWW
Creating your own images

Inserting an image into an HTML page

Wrapping text around images

An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away.

Aligning text and images

An apple a day keeps the doctor away.

An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away. An apple a day keeps the doctor away.

Images as links

Click on the images below to jump to the top of this file:

Looking ahead

Topics for next week: HTML Tables, Frames, and Forms
Readings for next week: Castro, Chaps. 9 (skip pages 137-140), 10 (skip pages 164,171), 11 (skip pages 178-181, 203 )