1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables

2 Learning Outcomes In this chapter, you will learn about: Today: 2/3/2005: Use the anchor tag to link from page to page Create absolute and relative links Create a link which opens a new browser window Create links internal to the same page Create links Next Week: 2/10/2005: Create a table on a web page Use attributes to format tables, table rows, and table cells Use a table to format an entire web page

3 XHTML tag The anchor tag Used to specify a hyperlink reference (href) to a web page you want to display. The text between the and is displayed on the web page href Attribute used to indicate the document to link to Absolute link Yahoo Relative link Home

4 XHTML Internal Links using the tag A link to a part of a web page Also called bookmarks, named fragments, named anchors Two components: 1. The anchor tag that identifies a bookmark or named fragment of a web page. This requires two attributes: the id attribute and the name attribute. 2. The anchor tag that links to the bookmark or named fragment of a web page. This uses the href attribute. Back to Top

5 XHTML Links using the tag An link will automatically launch the default mail program configured for the browser.

6 End of Chapter 3 Lecture Feb. 3, 2005 Example Web Site: Example Links Example Links The remainder of Chapter 3 will be covered next week (Feb ).

7 XHTML Using Tables An XHTML table is composed of rows and columns -- similar to a spreadsheet. Each individual table cell is at the intersection of a specific row and column. tag Contains the table Common attributes: border, width, align tag Contains a table row tag Contains a table cell

8 XHTML Table Example Name Birthday James 11/08 Karen 4/17 Sparky 11/28

9 XHTML Table Example 2 Name Birthday James 11/08 Karen 4/17 Sparky 11/28 Using the tag

10 XHTML Common Table Attributes align Use instead to center tables (see text) border bordercolor width Percentage or pixels? bgcolor summary title

11 XHTML Common Table Cell Attributes bgcolor align colspan rowspan valign

12 XHTML colspan Attribute Birthday List James 11/08 Karen 4/17

13 XHTML rowspan Attribute James 11/08

14 XHTML– Using a Table to Format a Web Page This is the banner area Place Navigation here Page content goes here

15 Summary This chapter introduced the XHTML techniques used to create hyperlinks and tables. You will use these skills over and over again as you create Web pages.