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
7/27/2019 Unit II - Lesson 9 - HTML Table
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.
7/27/2019 Unit II - Lesson 9 - HTML Table
3/14
Columns
ws
Cells
7/27/2019 Unit II - Lesson 9 - HTML Table
4/14
< --tag used to create table-->HeaderData
7/27/2019 Unit II - Lesson 9 - HTML Table
5/14
TABLE
ROW
HEADER ROW DATA
7/27/2019 Unit II - Lesson 9 - HTML Table
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/27/2019 Unit II - Lesson 9 - HTML Table
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.
7/27/2019 Unit II - Lesson 9 - HTML Table
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.
7/27/2019 Unit II - Lesson 9 - HTML Table
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
7/27/2019 Unit II - Lesson 9 - HTML Table
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.
7/27/2019 Unit II - Lesson 9 - HTML Table
11/14
Type the given source codes to come up of the following output:
7/27/2019 Unit II - Lesson 9 - HTML Table
12/14
7/27/2019 Unit II - Lesson 9 - HTML Table
13/14
7/27/2019 Unit II - Lesson 9 - HTML Table
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