1. Q.Nand1 HTML Creating an HTML Document Lesson 2

2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files Creating Headers, Paragraphs, and Lists: –Creating Header Tags –Entering Paragraph Text –Creating Lists. –Creating Character Tags.

3. Q.Nand3 Sample Resume It’s always a good idea to plan the appearance of your Web page on the paper before you start to put it in HTML coding

4. Q.Nand4 HTML syntax The HTML syntax is the rules that govern the construction of intelligible HTML documents. Document Content Example: Johnny Brown Notes: Tags are not case sensitive, so if you typing or will be the same. When you open tag you should close it at the end. Like …..

5. Q.Nand5 Creating Basic Tags The Resume of Johnny Brown This is body of HTML

6. Q.Nand6 Displaying Your HTML File Title Body

7. Q.Nand7 Creating Header Tags HTML supports six level of headers through. is the largest and is the smallest. Even the smallest header appear in larger font than the normal text. Syntax of Header: This is H1 Header

8. Q.Nand8 Six Header Levels This is an H1 Header This is an H2 Header This is an H3 Header This is an H4 Header This is an H5 Header This is an H6 Header Header Tag can contain additional properties like align in text in the: Left, Right, or Center. Eg: Header 1 Header 1

9. Q.Nand9 Entering Paragraph Text Type to begin the paragraph. Enter the text for the paragraph. Type to close the paragraph tag. Syntax: ……. Line break: Leave 1 line between the paragraphs Leave NO line between the paragraphs

10. Q.Nand10 Creating Lists HTML supports 3 kinds of lists: –Ordered list, –Unordered list, –Definition list

11. Q.Nand11 Ordered list Ordered list is a list in numeric order. It can be: –Numerical: 1, 2, 3,4… (Default) –Alphabetical: a, b, c, d,…. Syntax:

12. Q.Nand12 Unordered list Unordered list is a list items have no particular order. So it will display as bullet points. Syntax:

13. Q.Nand13 Definition list Definition list is a list of terms, each followed by a definition line, usually indented slightly to the right. Syntax:

14. Q.Nand14 Creating Character Tags : display as bold. : display as Italic : display as subscript. : display as superscript. Note: all this code need to open and close tag. ….

15. Q.Nand15 Special Characters

16. Q.Nand16 Quiz 1.Why should you include the tag in your Web document? 2.Describe the syntax for creating a centred heading 1. 3.Describe the syntax for creating a paragraph. 4.Describe the syntax for creating an ordered list, an unordered list, and a definition list.

17. Q.Nand17 Quiz Answers 1. tag identifies the language that support more than one kind of generalized markup language. 2. ….. 3. ….. 4.Unordered list: Ordered List: Definition List: …. …..

18. Q.Nand18 Dictionary HTML syntax Header Tags Paragraph Tags List Tags Ordered list Unordered list Definition list Character Tags.

19. Q.Nand19 P. Carey, 2001. New Perspectives Creating Web Pages with HTML – Comprehensive, 2 nd Ed, Course Technology of Thomson Learning. http://www.w3.org/MarkUp/Guide/Advanc ed.htmlhttp://www.w3.org/MarkUp/Guide/Advanc ed.html