We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction. Malcolm Gladwell Blink

We learn by example and by direct experience because there are real limits to the adequacy of verbal instruction.

Malcolm Gladwell

Blink

Linking to Other Web Pages Sams Teach Yourself HTML and CSS in 24 Hours, 7th Edition

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

Objectives Hypertext Links Anchor Tag Attribute Relative vs. Absolute

Hypertext Links

Anchor Tag

Attribute

Relative vs. Absolute

Objectives Learn the value of linking Ease of use Quickly move about User can focus on interest Contact information is important

Learn the value of linking

Ease of use

Quickly move about

User can focus on interest

Contact 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

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

Linking to Another Web Page Attribute – extra piece of information Provides further detail about the tag We will learn more attributes as we move through the semester

Attribute – extra piece of information

Provides further detail about the tag

We will learn more attributes as we move through the semester

Linking to Another Web Page Hypertext reference href=“full_address” http:// inculded Address in “quotes” Copy and Paste Index? Does it work? Keep it current! <a href=“http://www.google.com/maps”>Google Maps</a>

Hypertext reference

href=“full_address”

http:// inculded

Address in “quotes”

Copy and Paste

Index?

Does it work?

Keep it current!

Linking Between Your Own Pages http:// - not needed linking to another page in the same directory give the file name quizzer.html <a href=“quizzer.html”>Click here for the questions</a>

http:// - not needed

linking to another page in the same directory

give the file name

quizzer.html

Addressing Web Pages relative address it relates to the site absolute it gives the entire address <a href=“elephants/african.html”>African Elephants</a> <a href=“http://www.google.com/”>Google</a>

relative address

it relates to the site

absolute

it gives the entire address

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>

../ - means up one level

../../ - means up two levels

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

Summary Hypertext Links Anchor Tag Attribute Relative vs. Absolute

Hypertext Links

Anchor Tag

Attribute

Relative vs. Absolute

Summary We learned the value of linking Ease of use Quickly move about User can focus on interest Contact information is important

We learned the value of linking

Ease of use

Quickly move about

User can focus on interest

Contact information is important

Creativity