1. INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages

2. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Describe the Internet and the World Wide Web Identify and use tags on a Web page Document HTML code using comments Save a text document as an HTML file Specify headings Format Web page text

3. XP Objectives Identify deprecated tags Insert special characters, superscripts, and subscripts Insert a scaled image Create a horizontal rule Create ordered and unordered lists Format address text New Perspectives on Blended HTML, XHTML, and CSS3

4. XP Understanding the Internet and the World Wide Web The Internet is a global network of computers linked by high-speed data lines and wireless systems The World Wide Web (Web or WWW for short) is just one of several services provided by the Internet, which consists of a system of interconnected networks To display a Web page in a browser, the text and graphics on the Web page must be formatted using Hypertext Markup Language (HTML) New Perspectives on Blended HTML, XHTML, and CSS4

5. XP Understanding the Internet and the World Wide Web Hypertext is a way to organize information so that you can click links to jump from one piece of information to another Markup refers to the symbols that indicate how the text or images should be displayed in a browser New Perspectives on Blended HTML, XHTML, and CSS5

6. XP Understanding the Internet and the World Wide Web New Perspectives on Blended HTML, XHTML, and CSS6

7. XP Understanding the Internet and the World Wide Web New Perspectives on Blended HTML, XHTML, and CSS7

8. XP Entering HTML Tags To enter an element with a start tag and an end tag, use the following format: content To enter an empty element, use the following format: content To nest tags, use the following format: content New Perspectives on Blended HTML, XHTML, and CSS8

9. XP Entering HTML Tags New Perspectives on Blended HTML, XHTML, and CSS9

10. XP Including Comments in an HTML Document On a new blank line in an HTML document, type the start code for a comment: <!-- Type the comment Type the end code for a comment: --> Press the Enter key New Perspectives on Blended HTML, XHTML, and CSS10

11. XP Using the Heading Tags New Perspectives on Blended HTML, XHTML, and CSS11

12. XP Displaying a Web Page in a Browser Create and save an HTML document Start your Web browser, and then use the browser’s tools to open the HTML document After changing the HTML document, open it in the browser again or refresh the page in the browser New Perspectives on Blended HTML, XHTML, and CSS12

13. XP Entering Body Text with Paragraph Tags New Perspectives on Blended HTML, XHTML, and CSS13

14. XP Entering Body Text with Paragraph Tags New Perspectives on Blended HTML, XHTML, and CSS14

15. XP Inserting Logical and Physical Formatting Tags Logical tags let the browser determine how to display the text in an HTML document – Physical tags emphatically state how text should be displayed; in this instance as either bold or italic text – New Perspectives on Blended HTML, XHTML, and CSS15

16. XP Inserting Logical and Physical Formatting Tags New Perspectives on Blended HTML, XHTML, and CSS16

17. XP Using the Acronym and the Abbreviation Tags To display a ScreenTip defining an acronym, use the tag with a title attribute, as follows: ACRONYM To display a ScreenTip showing the complete form of an abbreviation, use the tag with a title attribute, as follows: Abbreviation New Perspectives on Blended HTML, XHTML, and CSS17

18. XP Using the Acronym and the Abbreviation Tags New Perspectives on Blended HTML, XHTML, and CSS18

19. XP Inserting Special Characters Some characters in HTML cannot be created by using the keyboard – Special characters New Perspectives on Blended HTML, XHTML, and CSS19

20. XP Tips for Typing HTML Code in a Text Editor Type all code in lowercase List codes separately as much as possible Use white space Insert a break code at the beginning of a line, not after it Enter code between start and end tags Don’t use deprecated tags Format terminal punctuation properly Beware of quotation marks from pasted text New Perspectives on Blended HTML, XHTML, and CSS20

21. XP Using Images on a Web Page GIF and JPEG formats Copying an Image from a Web Page – On a Web page, right-click the image you want to copy, and then click Save Picture As (or a similar command) on the shortcut menu – Change the filename—but not the extension—if necessary – Navigate to where you want to save the image file, and then click the Save button New Perspectives on Blended HTML, XHTML, and CSS21

22. XP Using the Image Tag You use the image tag to insert an image on a Web page New Perspectives on Blended HTML, XHTML, and CSS22

23. XP Using the Image Tag New Perspectives on Blended HTML, XHTML, and CSS23

24. XP Creating Horizontal Rules Horizontal rules are lines that are used to visually divide a page into sections – New Perspectives on Blended HTML, XHTML, and CSS24

25. XP Creating Unordered and Ordered Lists You can use HTML to create unordered lists (a bulleted list) and ordered lists (lists with numbers or letters) New Perspectives on Blended HTML, XHTML, and CSS25

26. XP Using the Address Tags You use the tags to produce italicized text New Perspectives on Blended HTML, XHTML, and CSS26

27. XP Working with Search Engines When you view the source code for an HTML page, you often see one or more tags within the tags – One use of tags is that they can help search engines, such as Google, find your site on the Web based on the keywords you have coded within the tags on the home page New Perspectives on Blended HTML, XHTML, and CSS27

28. XP Receiving an HTML File as an E-Mail Attachment If you receive an HTML file as an e-mail attachment, save the attached file locally to your hard drive, desktop, or flash drive, then open the file in Notepad and view the source code New Perspectives on Blended HTML, XHTML, and CSS28