Unit 3 - Index
Download
Report
Transcript Unit 3 - Index
Unit 3
Create Links
TITLE
TOPIC:
Create a Link to
Another Web
Page
CORNELL NOTES
Name:
Date:08/31/2009
Period:
NOTES:
Type the text you want readers to select to display
another web page.
Type <a href=“?”> in front of the text, replacing the ?
With the address of the Web page you want to
display.
Type </a> after the text
Summary:
Unit 3
Page 1
TITLE
TOPIC:
Color to a Link
CORNELL NOTES
Name:
Date:08/31/2009
Period:
NOTES:
A link that is active is blue by default; once viewed it
is purple by default. You can change this by defining
the link colors in your body tag.
EXAMPLE:
<body bgcolor=black text =white link=yellow alink=yellow
vlink=green>
Watch your background colors as you undertake this
task.
Summary:
Unit 3
Page 1
TITLE
TOPIC:
Why create an
e-mail link on a
Web Page?
CORNELL NOTES
NOTES:
An e-mail link allows readers to send you questions
and provide feedback that can help improve your
Web pages. Many companies include a list of e-mail
links that allow you to contact employees in different
departments. This helps readers determine which
person they should send an e-mail to.
Summary:
Unit 3
Page 1
Name:
Date:08/31/2009
Period:
TITLE
TOPIC:
Create a an email link.
CORNELL NOTES
Name:
Date:08/31/2009
Period:
NOTES:
You can create a link that allows readers to quickly
send you an e-mail message.
Type the text or add the image you want readers to
select to send you an e-mail message.
Type <a href=“mailto:”?”> in front of the text or
image, replacing ? With the e-mail address of the
person you want to receive the messages.
Type </a> after the text or image.
The web browser displays the e-mail link. A reader
can click the e-mail link to send a message to the email address you specified.
Summary:
Unit 3
Page 1
TITLE
TOPIC:
An image as a
Link
CORNELL NOTES
Name:
Date:09/01/2009
Period:
NOTES:
You can make an image a link. Type a href=“?” in
the front of the image, replacing the”?” with the
address of the web page you want to display.
EXAMPLE:
<a href="wicked1.htm">
<img src="Wicked\wicked set.jpg" align=middle>
Index</a>
Summary:
Unit 3
Page 2
TITLE
TOPIC:
Remove border
from an image
link.
CORNELL NOTES
Name:
Date:09/01/2009
Period:
NOTES:
In the image tag you no longer want the border to display,
type border=0.
<img src=“wickedwitches.jpg” border=0>
The browser displays the image without a border.
Create a link to a
file.
Type the text or add the image you want readers to
select to transfer a file.
<a href=“E:\Web\Web Design\HTML Cornell
Notes.ppt”>Cornell Notes</a>
Unit 3
Page 2
Summary:
TITLE
TOPIC:
Create a link to a
web site
Change link
colors
Unit 3
Page 2 or
3
CORNELL NOTES
Name:
Date:09/02/2009
Period:
NOTES:
You can create a link to your favorite web site.
<a href=“http://www.google.com”>Google</a>
Another way to change link colors is to add a tag before
the text you want to appear in a different color.
<a href=“http://www.google.com”><font
color=red>Google</a>
Summary:
TITLE
TOPIC:
Link
Considerations
CORNELL NOTES
NOTES:
•Be Descriptive
•Include Text Links
•Separate Links
•Use Link Menus
•Check your Links
•Notify Readers of Transfer Time
•Use Definition Links
•Use Navigational Links
Unit 3
Page 3 or
4
Summary:
Name:
Date:09/03/2009
Period: