HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text
Project 3: Creating Web Pages with Links, Images, and Formatted Text 2 Project Objectives Create a home page and enhance a Web page using images Use absolute and relative paths Align and add bold, italics, and color to text Change the bullet type used in an unordered list Add a background image Add a text link to a Web page in the same Web site Add an link Add an image with wrapped text Add links to targets within a Web page
Project 3: Creating Web Pages with Links, Images, and Formatted Text 3 Entering HTML Tags to Define the Web Page Structure <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Plant World Homepage
Project 3: Creating Web Pages with Links, Images, and Formatted Text 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Plant World Homepage Adding an Image
Project 3: Creating Web Pages with Links, Images, and Formatted Text 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Plant World Homepage Welcome to Plant World! Adding a Left-Aligned Heading with a Font Color
Project 3: Creating Web Pages with Links, Images, and Formatted Text 6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Entering a Paragraph of Text
Project 3: Creating Web Pages with Links, Images, and Formatted Text 7 Creating Unordered (Bulleted) Lists ….. For the finest in indoor and outdoor plants,… Our company Founded in 1989 by Margaret Anne Coles Headquartered in Surprise, Arizona 25 store locations throughout the Southwest Our Services Residential and commercial landscaping Plant and lawn maintenance online information for all varieties of plants
Project 3: Creating Web Pages with Links, Images, and Formatted Text 8 Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … Adding a Background Image
Project 3: Creating Web Pages with Links, Images, and Formatted Text 9 Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … Adding a Background Image
Project 3: Creating Web Pages with Links, Images, and Formatted Text 10 Adding a Text Link to Another Web Page within the Same Web Site Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, …
Project 3: Creating Web Pages with Links, Images, and Formatted Text 11 Adding a Text Link to Another Web Page within the Same Web Site Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, …
Project 3: Creating Web Pages with Links, Images, and Formatted Text 12 Adding an Link Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, … Have a question or comment? Call us at (206) 555-PLANT or us at
Project 3: Creating Web Pages with Links, Images, and Formatted Text 13 Adding an Link Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, … Have a question or comment? Call us at (206) 555-PLANT or us at
Project 3: Creating Web Pages with Links, Images, and Formatted Text 14 Formatting Text in Bold For the finest in indoor and outdoor plants,…
Project 3: Creating Web Pages with Links, Images, and Formatted Text 15 Formatting Text in Bold For the finest in indoor and outdoor plants,…
Project 3: Creating Web Pages with Links, Images, and Formatted Text 16 Formatting Text in Italics For the finest in indoor and outdoor plants,…
Project 3: Creating Web Pages with Links, Images, and Formatted Text 17 Formatting Text in Italics For the finest in indoor and outdoor plants,…
Project 3: Creating Web Pages with Links, Images, and Formatted Text 18 Formatting Text with a Font Color Founded in 1989 by Margaret Anne Coles
Project 3: Creating Web Pages with Links, Images, and Formatted Text 19 Formatting Text with a Font Color Founded in 1989 by Margaret Anne Coles
Project 3: Creating Web Pages with Links, Images, and Formatted Text 20 Agave Americana Adding an Image with Wrapped Text
Project 3: Creating Web Pages with Links, Images, and Formatted Text 21 Clearing the Text Wrapping Agave Americana
Project 3: Creating Web Pages with Links, Images, and Formatted Text 22 Clearing the Text Wrapping Agave Americana
Project 3: Creating Web Pages with Links, Images, and Formatted Text 23 Adding a Text Link to a Web Page in Another Web Site To find out more information about desert plants, visit the Arizona- Sonora Desert Museum.
Project 3: Creating Web Pages with Links, Images, and Formatted Text 24 Setting Link Targets Agave Americana (already created)
Project 3: Creating Web Pages with Links, Images, and Formatted Text 25 Adding Links to Link Targets within a Web Page Go to top (or anyplace which is far from the target) and type Agave Americana and then press the ENTER key
HTML Concepts and Techniques Fourth Edition Project 3 Complete Creating Web Pages with Links, Images, and Formatted Text