#3 Links, Images, and Formatted Texts

#3 Links, Images, and Formatted Texts - HTML FourthEdition...

Info iconThis preview shows pages 1–14. Sign up to view the full content.

View Full Document Right Arrow Icon
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 2 Project Objectives Describe linking terms and definitions 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
Background image of page 2
Project 3: Creating Web Pages with Links, Images, and Formatted Text 3 Project Objectives Add a background image Add a text link to a Web page in the same Web site Add an e-mail link View the HTML file and test the links Open an HTML file
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 4 Project Objectives Add an image with wrapped text Add a text link to a Web page on another Web site Add links to targets within a Web page Copy and paste HTML code Add an image link to a Web page in the same Web site
Background image of page 4
Project 3: Creating Web Pages with Links, Images, and Formatted Text 5 Starting Notepad Click the Start button on the taskbar and then point to All Programs on the Start menu Point to Accessories on the All Programs submenu, and then click Notepad on the Accessories submenu If the Notepad window is not maximized, click the Maximize button on the Notepad title bar to maximize it Click Format on the menu bar If Word Wrap is not checked, click Word Wrap
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 6 Entering HTML Tags to Define the Web Page Structure
Background image of page 6
Project 3: Creating Web Pages with Links, Images, and Formatted Text 7 Adding an Image Type <img src="plantworldlg.jpg“ width="720“ height="84“ alt="Plant World logo" /> and then press the ENTER key
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 8 Adding an Image
Background image of page 8
Project 3: Creating Web Pages with Links, Images, and Formatted Text 9 Adding a Left-Aligned Heading with a Font Color With the insertion point on line 11, type <h1><font color="#000066">Welcome to Plant World!</font></h1> and then press the ENTER key
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 10 Adding a Left-Aligned Heading with a Font Color
Background image of page 10
Project 3: Creating Web Pages with Links, Images, and Formatted Text 11 Entering a Paragraph of Text With the insertion point on line 12, type <p>For the finest in indoor and outdoor plants, come to Plant World! Plant World is the premier nursery for all of your planting needs. Our professional landscape design artists can visit your home and make recommendations for plants to use in your home or your yard.</p> as the first paragraph in the HTML file Press the ENTER key twice
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 3: Creating Web Pages with Links, Images, and Formatted Text 12 Entering a Paragraph of Text
Background image of page 12
Project 3: Creating Web Pages with Links, Images, and Formatted Text 13 Creating Unordered (Bulleted) Lists If necessary, click line 16
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 14
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 06/14/2011 for the course COMPUTER 091 taught by Professor Rajivsir during the Summer '11 term at MIT.

Page1 / 63

#3 Links, Images, and Formatted Texts - HTML FourthEdition...

This preview shows document pages 1 - 14. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online