1. Introduction lab1

2. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow website creation  Like all programming languages, simply a plain text file  Unlike other languages, no variables or commands.  HTML is merely a way of formatting a document.

3. Suzanne J. Sultan 3 HyperText Markup Language HyperText :  hyper is the opposite of linear.  the method by which you move around on the web — by clicking on special text called hyperlinks which bring you to the next page. Markup:  what HTML tags do to the text inside them. They mark it as a certain type of text (italicized text, for example). Language:  HTML is a Language, as it has code-words and syntax like any other language.

4. Suzanne J. Sultan 4 How does it work? HTML consists of a series of short codes typed into a text-file by the site author ( tags). The text is then saved as a html file and viewed through a browser,browser This browser reads the file and translates the text into a visible form.

5. Suzanne J. Sultan 5 History of HTML HTML 1.0 HTML 2.0 HTML 3.0 HTML 3.2 HTML 4.0 XHTML 1.0

6. Suzanne J. Sultan 6 HTM or HTML Extension? When you save an HTML file, you can use either the.htm or the.html extension. We have used.

7. Suzanne J. Sultan 7 Web Browsers Amaya

8. Suzanne J. Sultan 8 Opera

9. Suzanne J. Sultan 9 Netscape Browser

10. Suzanne J. Sultan 10 Document Tags html language consists of Tags: .container tags :tag has a begin and end as . empty tags: have begin as special characters Some tags have attributes to describe or modify what the tag is doing.  Examples: good Value key

11. Suzanne J. Sultan 11 Format of HTML document Entire document enclosed by …  These are the tags that tell a Web browser where the HTML in your document begins and ends. Followed by two sections: head and body …

12. Suzanne J. Sultan 12 Html structure

13. Suzanne J. Sultan 13 Head Section Contains info about the document. Most common/important: title My HTML Document “My HTML Document” will appear in title bar of Netscape, IE, Opera, etc…

14. Suzanne J. Sultan 14 Body Section Contains all text displayed in web browser window such as text and graph.  Examples: …… ….. …

15. Suzanne J. Sultan 15 Comment Tags

16. Suzanne J. Sultan 16 Headings There are six levels of headings, from Heading 1 through Heading 6. Heading 1 (H1) is "most important" and Heading 6 (H6) is "least important." By default, browsers will display the six heading levels in the same font. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading attributes:  As align, dir ppu

17. Suzanne J. Sultan 17 Body attributes Background color for the body Page with Back Color Page with Back Color format RRGGBB

18. Suzanne J. Sultan 18 cont. Background image Page with background image. Notes : Image file must be in the same folder as your html file.

19. Suzanne J. Sultan 19