table in ms frontpage 2003
DESCRIPTION
TRANSCRIPT
![Page 1: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/1.jpg)
Table
![Page 2: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/2.jpg)
Table
It is a tabular arrangement of information on your screen.
A table is made up of rows and columns of cells into which you can insert text and graphics.
Table is an object of a webpage use to organize the information on it.
![Page 3: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/3.jpg)
Usage of a Table
It is used to organize the information of a Web page.
A table is made up of rows and columns of cells into which you can insert text and graphics.
You can customize your tables in a variety of ways to make them more attractive and easy to read.
![Page 4: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/4.jpg)
Elements of a Table
Cell– The basic element of a table
Row– Specifies the horizontal dimension of a table.
Column– Specifies the vertical dimension of a table
![Page 5: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/5.jpg)
HTML Tag
<table></table>
![Page 6: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/6.jpg)
Attribute of a Table
Border– specifies the thickness of the lines
around the table.– The value is any number between 1-20.– The syntax:
• <table border=“number”>
![Page 7: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/7.jpg)
Attribute of a Table
BACKGROUND– Provides the URL of an image file to be
used as the table’s background.– The syntax:
• <table background=“URL”>
![Page 8: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/8.jpg)
Attribute of a Table
BGCOLOR– Denotes the color of the table covering
the whole table itself.– The value is a hexadecimal color code
or the name of the color itselft.– The syntax:
• <table bgcolor=“name of the color”>
![Page 9: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/9.jpg)
Attribute of a Table
BORDERCOLOR– Denotes the color of the table border
only.– The value is a hexadecimal color code
or the name of the color itself.– The syntax:
• <table bordercolor=“name of the color”>
![Page 10: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/10.jpg)
Attribute of a Table
ALIGN– Sets the horizontal alignment of the
element inside the Web browser.– The value can be left, right and center– The syntax:
• <table align=“position of the table”>
![Page 11: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/11.jpg)
Attribute of a Table
CELLPADDING– Sets the number of space between cell
walls and its content. – The value are in pixels (px) or as a
percentage.– The syntax:
• <table cellpadding=“10”>
![Page 12: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/12.jpg)
Attribute of a Table
CELLSPACING– Sets the number of space in pixels or as
a percent between cells. – The syntax:
• <table cellspacing=“10”>
![Page 13: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/13.jpg)
Attribute of a Table
WIDTH – – Sets the horizontal dimension of a table– The syntax
• <table width=“ %”>
HEIGHT– Sets the vertical dimension of a table– The syntax
• <table height=“ %”>
![Page 14: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/14.jpg)
COMPONENTS OF A TABLE ELEMENT
![Page 15: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/15.jpg)
The TABLE ROW Element
The <tr> tag is used to create a row within the <table> tag.
The syntax:<table>
<tr>
</tr>
</table>
![Page 16: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/16.jpg)
<TR> ATTRIBUTE
Align BgcolorBordercolorHeightTitle
![Page 17: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/17.jpg)
The TABLE DATA Element
The <td> tag is used to create a cell within a row in a table element. You can put any content on each cell.
The syntax:<table>
<tr>
<td> TEXT</td>
<td> TEXT </td>
</tr>
</table>
![Page 18: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/18.jpg)
<TR> ATTRIBUTE
Align BgcolorBordercolorHeightTitle….
![Page 19: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/19.jpg)
The TABLE HEADER Element
The <th> tag is used to create a row header within the table element. Mostly, web browsers display the content of the <th>element in a boldfaced font and centered within the table cell.
The syntax:<table>
<tr>
<th> TEXT</th>
<th> TEXT </th>
</tr>
</table>
![Page 20: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/20.jpg)
<TR> ATTRIBUTE
Align BgcolorBordercolorHeightTitle….
![Page 21: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/21.jpg)
Let’s Analyze the Input
<table>
<tr>
<th>NAME</th>
<th>SECTION</th>
</tr>
<tr>
<td>Hannah Keziah</td>
<td>IV - Faithful</td>
</tr>
<tr>
<td>Jhoanna Raissa</td>
<td>III - Visitation</td>
</tr>
</table>
![Page 22: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/22.jpg)
Give the InputTLE SPECIALIZATION TEACHER
ICT IV Mrs. Rosalinda S. Endaya
Accounting Mrs. Rosalinda R. Laxamana
Culinary Arts Mrs. Cristina N. De Paz
![Page 23: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/23.jpg)
Give the InputNO. TLE
SPECIALIZATIONTEACHER
1 ICT IV Mrs. Rosalinda S. Endaya
2 Accounting Mrs. Rosalinda R. Laxamana
3 Culinary Arts Mrs. Cristina N. De Paz
![Page 24: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/24.jpg)
Quiz
![Page 25: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/25.jpg)
Direction
1. Create an HTML document of given table.
2. Follow the given format:
3. Apply the following:1. Table Border – 5
2. Cell spacing – 2
3. Cell padding - 3
4. Align center all the content of cell.
![Page 26: Table in MS Frontpage 2003](https://reader034.vdocuments.net/reader034/viewer/2022051514/54828a385806b5ed048b46c6/html5/thumbnails/26.jpg)
UNIT OF MEASURE EQUIVALENT3 tsp. 1 tbs.
4 tbs. 1/4 cup
5 1/3 tbs. 1/2 cup
8 tbs. 2/3 cup
12 tbs. 3/4 cup
16 tbs. 1 cup
1. Table Border – 5
2. Cell spacing – 2
3. Cell padding - 3