1. 1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph

2. 2 Activating TextEdit Click the Notepad button on the taskbar

3. 3 Activating TextEdit

4. 4

5. 5 Adding Background Color Locate the 6-character code of the color you wish to use

6. 6 Adding Background Color Background color code goes at the end of the BODY tag

7. 7 Centering the Heading  Text can be aligned differently on the page –ALIGN = “LEFT” –ALIGN = “RIGHT” –ALIGN = “CENTER”  The default alignment for headings is left-alignment

8. 8 Centering the Heading center-alignment code

9. 9 Adding a Horizontal Rule  Horizontal Rules are graphical images that act as dividers  The tag used to insert a Horizontal Rule is  Horizontal Rules are easy to insert

10. 10 Adding a Horizontal Rule Horizontal Rules Default HR HR with size=1 HR with size=5 HR with size=10 HR with size=10 and noshade

11. 11 Adding a Horizontal Rule horizontal rule tag

12. 12 Viewing the Modified File in Your Browser after saving the modified file, click the Refresh button in your browser

13. 13 Viewing Your Web Page Source  You can view the HTML code on any Web page from within your browser  This allows you to see how others created their Web pages

14. 14 Viewing Your Web Page Source Click Source in the View menu

15. 15 Viewing Your Web Page Source HTML source code

16. 16 1. Ready the printer Printing a Copy 2. Select Print from the File menu 3. Click the OK button in the Print dialog box 4. Retrieve the printout

17. 17 Printing the HTML From the Notepad window, select Print from the File menu

18. 18 Quitting Notepad and Your Browser Click the Close button on the Notepad title bar

19. 19 Quitting Notepad and Your Browser Click the Close button in your browser’s title bar

20. 20 Definition Lists  Used to list information without the standard bullet or numbered list symbols  Syntax is not as straightforward as,, or  and start and end the list  and are used to create the actual list elements, terms, and definitions

21. 21 Definition Lists

22. 22 definition list start definition list end definition term start definition start

23. 23 definition termsdefinitions

24. 24 Summary  Identify elements of a Web Page  Start Notepad  Describe the Notepad window  Enter the,,, and tags  Enter a paragraph of text, a bulleted list, and HTML tags  Save an HTML file

25. 25 Summary  Change the background color of a Web page  Center a heading  Start your browser  View the HTML file in your browser  Print an HTML file from Notepad  Print a Web page from your browser

26. 26 Summary  Use a definition list  Quit Notepad  Quit your browser

27. 27 What You Should Know

28. HTML Comprehensive Concepts and Techniques Second Edition Project 1 Complete