HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links

2 Objectives  Describe linking terms and definitions  Add a link to another Web page  Create a home page  Enhance a Web page using images  Add bold, italics, and color to text  Change bullet type  Insert a background image

3 Objectives  Insert a horizontal rule image  Add an link  View the HTML file and test the links  Edit the second Web page  Insert an image and wrap text around an image  Add a text link to another Web site

4 Objectives  Add an image link to another Web site  Create links within a Web page  Set link targets  Add links to set targets  Describe types of image files  Control image sizing  Locate images

5 Introduction to Links  Hyperlinks (or links) are used to connect a Web page to another Web page  Links can also be used to create an link  Either text or an image can be used as a hotspot for a link –The mouse pointer usually changes when positioned over a hotspot –URL appears on status bar when the mouse pointer is over a hotspot

6 Introduction to Links status bar text link image link

7 Introduction to Links  With text links, always use descriptive text as the clickable word(s)  Unless otherwise stated, the color of text links is dependent upon browser- defined defaults  Format to change link colors:

8 Introduction to Links normal link (LINK) visited link (VLINK) active link (ALINK)

9 Linking within a Web Page  Allows visitors to move quickly from one section of the Web page to another  Important for large Web pages –Commands –Table of contents

10 Linking within a Web Page links to targets targets

11 Linking to Another Web Page within the Same Web Site

12 Linking to Another Web Site

13 Adding a Link to a Second Web Page  The and tags are used to create links –Referred to as anchor tags  Use the Hyperlink REFerence (HREF) attribute to link to another Web page  Two items required –Text or image to act as hotspot –Name of the file to which you want to link

14 Adding a Link to the Second Web Page

15 Adding a Link to Another Web Page Enter the following text into your document

16 Adding a Link to Another Web Page Add this command before the word “sample” Add this command after the word “sample”

17 Anchor Tag Anatomy sample link to sample1.htm pagetext used for link end of link

18 Saving and Printing the HTML File  Select Save As from the File menu –Save to your A: drive –Save with the filename webreshome.htm  Click the Save button  Select Print from the File menu

19 Linking to

20 Adding an Link  It is necessary to instruct visitors to contact you with any information or suggestions  The and tags are also used to create links

21 Adding an Link add this text

22 Link Anatomy link to address address end of link