Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.

Similar presentations


Presentation on theme: "HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns."— Presentation transcript:

1 HTML

2 Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns in the table width: indicates the width of the table in percentage of the window’s width align: indicates the alignment of the table on the web page

3 Creating a Table

4 Table Tag Attributes and Functions cellspacing: Spacing between cells cellpadding: Spacing within cells

5 Inside the table : Indicates the start and end of a table row Rows consist of headings or data cells : Indicates the start and end of a table heading cell Heading cells default to bold text and center- alignment : Indicates the start and end of a table data cell Data cells default to normal text and left-alignment

6 Table Row Tag Attributes and Functions Tag: Attributes: align: Horizontally aligns row (left, center, right) bgcolor: Sets background color for row valign: Vertically aligns row (top, middle, bottom)

7 Table Heading or Table Data Attributes and Functions Tags: or Attributes: align: Horizontally aligns cell (left, center, right, justify) bgcolor: Sets background color for cell colspan: Sets number of columns spanned by a cell rowspan: Sets number of rows spanned by a cell valign: Vertically aligns cell (top, middle, bottom)

8 Inserting an image in a table In tag, use of img tag with the src attribute along with the height and width attribute Example:

9 Creating a list of links with text Use of HREF attribute in the tag Example: Creation of a menu

10 Using colspan and rowspan to merge cells in a table colspan: Sets number of columns spanned by a cell rowspan: Sets number of rows spanned by a cell Example: I merge two cells.


Download ppt "HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns."

Similar presentations


Ads by Google