Presentation is loading. Please wait.

Presentation is loading. Please wait.

آموزش طراحی وب سایت جلسه دوم – جداول تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: 09125773990 09371410986 پست الکترونیک :

Similar presentations


Presentation on theme: "آموزش طراحی وب سایت جلسه دوم – جداول تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: 09125773990 09371410986 پست الکترونیک :"— Presentation transcript:

1 آموزش طراحی وب سایت جلسه دوم – جداول تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: 09125773990 09371410986 پست الکترونیک : TargetLearning@gmail.com

2 Tables

3

4 Inside the element, the table is written out row by row. A row is contained inside a element — which stands for table row. And each cell is then written inside the row element using a element — which stands for table data.

5 Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2

6

7 Basic Table Elements and Attributes The align Attribute

8 The cellpadding Attribute cellpadding="5" or cellpadding="2%" The cellspacing Attribute cellspacing="6" or cellspacing="2%"

9

10 Outgoings ({$}) Receipts ({$}) Profit ({$}) Quarter 1 (Jan-Mar) 11200.00 21800.00 10600.00

11

12 Advanced Tables Spanning columns using the colspan attribute

13 Adding a to a Table To add a caption to a table, you just use the element after the opening tag and before the first row or header: … …..

14

15 Spanning Columns Using the colspan Attribute As you saw when looking at the and elements, both can carry an attribute that allows the table cell to span more than one column.

16

17 Spanning rows using the colspan attribute

18

19 Spanning Rows Using the rowspan Attribute The rowpsan attribute does much the same thing as the colspan attribute, but it works in the opposite direction; it allows cells to stretch vertically across cells.

20

21 Exercises


Download ppt "آموزش طراحی وب سایت جلسه دوم – جداول تدریس طراحی وب برای اطلاعات بیشتر تماس بگیرید تاو شماره تماس: 09125773990 09371410986 پست الکترونیک :"

Similar presentations


Ads by Google