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

Comments in HTML So simple:

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

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

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:

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:

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:

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

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

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?

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

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.

Free Tutorials Excellent tutorial can be found at: Another one can found in the W3 website: Or Webmonkey:

A simple table ITBIS211 ITBIS311 ITBIS students 60 students 55 students ITBIS211ITBIS311ITBIS students60 students55 students