< REVIEW >

How HTML looks like (Overview)? Page title here Main page content comes here.

Specify Page title Page title here Main page content comes here.

Meta tags (charset) Page title here متن فارسی در این جا Note: utf-8 is equal to utf8

Paragraphs and line breaks This is paragraph1 This is paragraph 2 with a line break. This is another paragraph which is longer than a line. It will be automatically breaked. This is paragraph1 This is paragraph2 with a line break. This is another paragraph which is longer than a line. It will be automatically breaked.

Horizontal line This is a paragraph This is another paragraph

RTL Page عنوان صفحه این متن است. Note: Save file using UTF-8 Encoding Note: Save file using UTF-8 Encoding

</ REVIEW >

CHAPTER THREE Formatting text by using tags Formatting text by using tags Learn some other HTML Tags One by One Learn some other HTML Tags One by One Headings Headings Formatting (bold, italic) Formatting (bold, italic) Superscript and subscripts Superscript and subscripts Monospace and preformatted Monospace and preformatted Block quotation Block quotation Note: Most HTML Tags are semantic (based on function not on formatting)

Headings Heading 1 normal text Heading 2 Heading 3 Heading 4 Heading 5 Heading 6

Bold and italic text Bold text Bold text Italic text

Subscripts and superscripts 1 st 3 rd H 2 SO 4

Monospace font Please type premium This is some program code Sample code

Pre-Formatted text This is some text which contains line breaks and spaces. HTML by default, trims blank spaces.

Block Quotation William Shakespeare: Love all, trust a few, do wrong to none. William Shakespeare: A fool thinks himself to be wise, but a wise man knows himself to be a fool.

CHAPTER FOUR Using Lists and Backgrounds Using Lists and Backgrounds Create bulleted and numbered lists. Create bulleted and numbered lists. Create definition Lists. Create definition Lists. Insert special characters (using XML Entities) Insert special characters (using XML Entities) Choose Background and foreground colors Choose Background and foreground colors Specify a background image file Specify a background image file By CSS }

Unordered List Item 1 Item 2 Contains sub items Sub item 1 Sub item 2

Ordered List Item 1 Item 2 Contains sub items Sub item 1 Sub item 2

Changing the Bullet or Number Character <ol style=“list-style-type: upper-roman”> Item 1 Item 2 Item 1 Item 2

Common List Style Type Attribute Values

Specifying the Start of a Numbered List Item 1 Item 2 Item 1 Item 2

See In action TODO: Open browser and IDE and see lists in action

Creating Definition Lists Acid Soil Soil that is lower than 7.0 pH. Acidity is measured by the amount of calcium in the soil. The opposite of acidic soil is alkaline soil. Deciduous A tree or plant that loses its leaves at the end of the growing season, such as a maple tree.

Inserting Special Characters (entities) &entityname; &

Entities

Useful entities & < > © &amp; & < > © &

Specifying Colors using color name

Specifying Colors using RGB RGB Red Green Blue

Specifying Colors using RGB Red = #FF0000

Specifying Colors using RGB Green = #00FF00

Specifying Colors using RGB Blue = #0000FF

Specifying Colors using RGB Black = #000000

Specifying Colors using RGB White = #FFFFFF

Specifying Colors using RGB #FFFFFF rgb(255, 255,255)

Applying a Background Color hello Hello

Applying a Foreground Color hello Hello

Specifying a Background Image File Hello background-image: url(image.png)

CHAPTER FIVE Creating Hyperlinks and anchors Creating Hyperlinks and anchors Hyperlink to a Web page Hyperlink to a Web page Hyperlink to an address Hyperlink to an address Create and hyperlink to anchors Create and hyperlink to anchors Hyperlink to other content Hyperlink to other content

Text

Hyperlinking to a Web Page Go to Microsoft.com For more information

URL Parts  What is a URL?

URL Parts  What is a URL?  What is Protocol?

URL Parts  What is a URL?  What is Protocol?  What is hostname?

URL Parts  What is a URL?  What is Protocol?  What is hostname?  What is path?

URL Parts  What is a URL?  What is Protocol?  What is hostname?  What is path?  What is Query String?

URL Parts  What is a URL?  What is Protocol?  What is hostname?  What is path?  What is Query String?  What is marker?

Absolute versus relative URLs

Absolute versus relative URLs Go back

Open Link in a new window Go back

Hyperlinking to an Address Contact Us

Hyperlinking to an Address <a ?subject=Question"> Contact Us

Creating and Hyperlinking to Anchors... Conclusion Conclution... View the Conclusion

Exercise  Create a page with all discussed tags

ANY QUESTIONS???