1. Internet Applications Development Lecture 6 L. Obead Alhadreti

2. Lecture Outline: Inserting Tables.

3. Tables are considered as one of the most common tools used in HTML, as most of web sites use them today in a way or another. The main tags used with tables in HTML are as follows: Define tables …. Define row... Define data …

4. Example: 1 2 3 4 12 34

5. There is another tag used often when table is created. It is known as table headings …. It is an optional tag that used to define the top cells in the table. The text inside these cells should be bold. There is also another tag used with tables: ….. It is used to define a unique title for the tables. It is inserted immediately after the start tag of the table element.

6. Example: الدول و العواصم الدولة العاصمة السعودية الرياض العاصمهالدولة الرياضالسعودية الدول و العواصم

7. Table attributes: borderUsed to add borders to a table widthUsed to specify the width of a table. ‎ ‎ ‎ heightUsed to specify the height of a table. ‎ ‎ ‎

8. alignTo specify the alignment of the table horizontally. It takes the following values: right, center, left. ‎ bgcolorUsed to specify the background color of a table.

9. Merging the cells To margin the cells, we use the colspan attribute to merge more than one columns, and rowspan to merge more than one rows. Example: 1 3 4 1 43

10. Examples: 1 2 4 1 2 4

11. Assignment

12. Questions ? Be active !