hour 3

We learn by example and by direct We learn by example and by direct

experience because there are real limits to experience because there are real limits to

the adequacy of verbal instruction.the adequacy of verbal instruction.

Malcolm GladwellBlink

Linking to Other Web Pages

Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition

Objectives

Hypertext LinksAnchor TagAttributeRelative vs. Absolute

Objectives

Learn the value of linkingEase of useQuickly move aboutUser can focus on interestContact information is important

Linking to Another Web Page

Hypertext Links – words that take your from one web page to another (or same)

<a> for “anchor”Identifies a

particular spot within a web page


Attribute – extra piece of information

Provides further detail about the tag

We will learn more attributes as we move through the semester


Hypertext referencehref=“full_address”http:// inculdedAddress in “quotes”Copy and PasteIndex?Does it work?Keep it current!

<a href=“http://www.google.com/maps”>Google Maps</a>

Linking Between Your Own Pages

http:// - not neededlinking to another

page in the same directory

give the file namequizzer.html

<a href=“quizzer.html”>Click here for the questions</a>

Addressing Web Pages

relative addressit relates to the site

absoluteit gives the entire address

<a href=“elephants/african.html”>African Elephants</a>

<a href=“http://www.google.com/”>Google</a>

Addressing Web Pages

../ - means up one level../../ - means up two levels

Right now all of our files are in the same directory (folder)

<a href=“../zoo.html”>return to the zoo</a>

Summary

Hypertext LinksAnchor TagAttributeRelative vs. Absolute

Summary

We learned the value of linkingEase of useQuickly move aboutUser can focus on interestContact information is important

Creativity

hour 3

Technology