Presentation is loading. Please wait.

Presentation is loading. Please wait.

1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”

Similar presentations


Presentation on theme: "1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”"— Presentation transcript:

1 1 Tables attributes

2 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness” of the border Note: this attribute can ONLY be used in a transitional doctype.

3 3 Table attributes: width May be set in pixels or as a % of the screen size: – Note: this attribute can ONLY be used in a transitional doctype.

4 4 Table attributes: cellpadding and cellspacing cellpadding – attribute –Amount of space in pixels between the contents of the cells and the cell walls –Syntax cellspacing – attribute –Amount of space between cells –Syntax Note: this attribute can ONLY be used in a transitional doctype.

5 5 Table cells: height and width May be set in pixels or as a percentage – One Use CSS in XHTML strict DTD: –th, td { height: 100px; width: 200px; } Certain rules apply to width – values will override values –Specify width at cell level when specification is necessary

6 6 attributes: colspan/rowspan colspan indicates the number of columns a cell should span rowspan indicates the number of rows a cell should span Syntax: – where “n” is the number of columns being spanned Ref: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_span

7 7 colspan attribute Name Telephone Bill Gates 555 77 854 555 77 855

8 8 rowspan attribute First Name: Bill Gates Telephone: 555 77 854 555 77 855


Download ppt "1 Tables attributes. 2 Table attributes: border Activates border around cells Syntax: – where “n” is a value in pixels which controls the “thickness”"

Similar presentations


Ads by Google