Informatics Computer School CS114 Web Publishing HTML Lesson 1

2 Lesson Outline §Introduction to HTML §Basic outline of an HTML code §Basic Tags for Lesson 1 §Sample Codes to format text §Lists

3 Introduction to HTML HyperText Markup Language - capability to format the appearance of text and images on a webpage. Need text editors (e.g. NotePad) to write HTML codes. The HTML codes are written within angle brackets( ). The files need to be saved as.htm or.html files. The saved files need to be opened using any internet browsers such us Internet Explorer or Netscape Navigator.

4 Basic Outline of an HTML code

5 Basic Tags Beginning of an HTML code. Needs to be closed with Used to place the title and also to place JavaScript functions and META Tags. Needs to be closed with. To place the title of the webpage. Must be closed with. Must be placed within the and tags.

6 Used to place all the main codes. All other tags must be placed within this tag except for tags. Must be closed with. To write text with a header size 1. Must be closed with. The header values range from to. To bold the text. Need to closed with To italicize the text. Need to be closed with.

7 To underline the text. Need to be closed with. To give a line break. Need not be closed. To give a paragraph break. Need not be closed. To give a horizontal line. Has attributes like size, width and color. To format the font face, size and color of the text. Need to be closed with.

8 To define an Unordered List. The elements will be displayed as bulleted. Need to be closed with. To display each element within a list. Need not be closed. To define an Ordered List, where the elements will be displayed as ordered numbers. (e.g. 1,2,3…). To define a Description List. The other tags within this tag are, meaning Description Term, and, meaning Description Data. tag must be closed with a.

9 Sample Codes to format Text Code 1 My First Page This is in header size 1 This is in header size 2 This is in header size 3

10 Code 2 My Second Page Hello Welcome to my webpage. I like HTML. It is cool. This text is of size 2, blue in colour and of Arial font style. The size here has a range between 1 to 7.

11 Underlined Text Bold Text Italicized Text Here the text will appear as I enter. HTML is Cool

12 Code 3 My Third Page Unordered List My favourite subjects Maths English Science

13 Ordered List My favourite football clubs Manchester United FC Chelsea FC Liverpool FC

14 Description List The top players in each club Manchester United Beckham, Giggs, Cole, Stam, Barthez, Yorke, Keane. Liverpool Owen, Heskey, Fowler. Arsenal Bergamp, Kanu, Henry, Seaman, Adams.

15