unit ii - lesson 9 - html table

7/27/2019 Unit II - Lesson 9 - HTML Table

1/14

Table, Creating Tables in Web Page, TableStructure, Table Attributes, and TD and TH

Attributes


2/14

Tables allow the author to arrange dataelements such as text and images intocolumns and rows. Uses of Tables:

There are complicated layouts that only table tags cansolve.

It help us to organize our data.

Use to insert table. Tables are composed of rows, columns and

cells.


3/14

Columns

ws

Cells


4/14

< --tag used to create table-->HeaderData


5/14

TABLE

ROW

HEADER ROW DATA


6/14

It is used to define the row of the table. One pair of

is equivalent to one row.

It is used to define the header. Anything between

these tags will be in bold format and aligned at thecenter.

It is used to define table data. Anything between

these tags will be in regular data and aligned at leftside. s


7/14

BORDER This defines the thickness of the border. The value

of border attribute is any number in pixels.

BORDER COLOR This defines the color of the border. Value is in any

color name or hexadecimal codes.


8/14

CELLSPACING It defines the spacing in between cells. It has a

default spacing value of 2 pixels.

CELLPADDING Specifies the space between the cells content and

its borders.

ALIGN It is used to align the table to the right, center or

left . By default, the table is aligned to the left.


9/14

BGCOLOR It defines the color of the cell. Place this attribute to

tag to apply the color to the entire row tominimize the use of bgcolor on either or

.

VALIGN It is used to align cells content vertically. The value

of valign is the direction either top, middle orbottom.

Headre


10/14

COLSPAN It is used to combine 2 or more columns. The value

of colspan is the number of columns you wish tomerge or combine.

Header ROWSPAN

It is used to combine 2 or more rows. The value ofrowspan is the number of rows you wish to merge

or combine.


11/14

Type the given source codes to come up of the following output:


12/14


13/14


14/14

Prepare for a quiz tomorrow about thefollowing topics: Lesson 6.10 HTML Lists

Lesson 6.11 HTML Tables

Study ... Study... Study...

Super Happy Learning!

Prepared by Mr. Marlon Lalaguna

unit ii - lesson 9 - html table

Documents