1. HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered lists. Hyperlinks – to external sources and within a document. Links to emails ?? Tables

2. Links to Emails Links to an email: Ex: Mail Me! If you want to specify a subject name: Ex: Mail Me!

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

4. Table attributes Use the border attribute to have a boarder around your table. Ex: : invisible table Use the cellpadding attribute to increase the spacing within cells. Ex: Use the align attribute to control the alignment of the table in the page

5. Cont. attributes Use the width and height attributes to indicate the final width and height values in a table. The values used can be either in pixels or percentage (of the total visible area). Ex: Use background or bgcolor to change the table (or cell ) background image color.

6. Tables: Merging Cells To merge cells, we use the table data attributes colspan and rowspan along with a value. colspan = 2 : two table data (columns) in a specific row are going to be merged. Ex: Cancelled rowspan = 3 : three rows will be merged. Ex: three rows are used

7. Merging Cells: Example ITBIS211 ITBIS311 ITBIS499 90 students Cancelled ITBIS211ITBIS311ITBIS499 90 studentsCancelled

8. Frames A framed page is a page split into 2 or more sections, each containing its own html document. A frameset tag is needed to define frames. Ex: A frameset tag is defined after the head tag – no need for a body.

9. Cont. Frames Use the rows or cols attributes to divide the page. The values are either in pixel or percentage To open a link in a another page, use the target attribute in the anchor tag. Ex: UoB You can also use the _new and _self targets

10. Forms The forms material will be distributed in another handout.

11. Div and Span