1. HTML (Hypertext Markup Language) Recap: HTML essential tags:,,, Text Formatting:,,,,,,. Font manipulation:

2. Comments in HTML So simple:

3. Cont. HTML Text Formatting Special characters: Syntax: & + special reference + ; Ex: © = © Ex: ± = ±

4. CharacterRepresentation Non-Breaking Space "" << >> && © © ® ® ¢ ¢ °° ² ² » » « « ¼ ¼ ½ ½ ¾ ¾ ±±

5. Adding Images Image tag is One tag only – i.e. no ending tag. You need to know the file name and type (.jpeg,.jpg,.gif,.png, etc … ) You need to specify the image path : relative or absolute. Ex: if local.jpg is in the same folder as the HTML file. Ex:

6. Cont. Adding Images src attribute defines the image file and its location. Other attributes include width and height (in pixels) – in case you need to resize the image. Ex:

7. Cont. Adding Images Alignment attribute align. Can take values like: MIDDLE, RIGHT, etc … Full listing in the handout. For a background image, we use the background attribute with the body tag. Ex: You can also select a color: Ex:

8. Lists You can declare an unordered list using the tag. Each list item is identified via. Ex: ITBIS211 ITBIS311 ITBIS499

9. Cont. Lists You can increase the indentation by adding nested lists. Ex: ITBIS211 Section 1 Section 2 ITBIS311 ITBIS499

10. Ordered List Instead of use. Default ordered list will use numbers from 1, and increments by 1 You can change the list numbering using the type attribute. Roman Numerals: I, II, III: type=I Alphabetic: type=A Can we start from B or C? Can we incremant by 2 or 3?

11. Hyperlinks We use the anchor tag. The attribute href is used to specify the destination: Ex: CNN You can also specify a target with the same document – but you need to create a bookmark first. Ex: Specify a bookmark: Then the link: Jump to Top

12. Formatting Tables Tables start with a and ends with a You start by defining table rows using the tag. Each row can contain one or more columns, identified by or table data.

13. Free Tutorials Excellent tutorial can be found at: http://www.pageresource.com/ Another one can found in the W3 website: http://www.w3.org/2002/03/tutorials Or Webmonkey: http://www.webmonkey.com

14. A simple table ITBIS211 ITBIS311 ITBIS499 90 students 60 students 55 students ITBIS211ITBIS311ITBIS499 90 students60 students55 students