Scribd
Upload
24 views

Assignments 1: Fp531: Mobile Development

The document discusses how to format HTML tables. It explains that the <table> tag creates a table, <tr> creates rows, and <td> holds cell content. The <th> tag is for table headers. Background color can be set with <bgcolor> and cell padding and spacing is set with <cellpadding> and <cellspacing>. Text in cells can be aligned horizontally with <align> and vertically with <valign>.

Uploaded by

Rahimi Raimi
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
24 views

Assignments 1: Fp531: Mobile Development

The document discusses how to format HTML tables. It explains that the <table> tag creates a table, <tr> creates rows, and <td> holds cell content. The <th> tag is for table headers. Background color can be set with <bgcolor> and cell padding and spacing is set with <cellpadding> and <cellspacing>. Text in cells can be aligned horizontally with <align> and vertically with <valign>.

Uploaded by

Rahimi Raimi
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

ASSIGNMENTS 1

FP531: MOBILE DEVELOPMENT

SET TABLE & CELL COLOUR

Tables can be created using <table> tag.

<tr> is used to create columns of the table.


<td> is used to hold the table content or data. <th> is for the header. <bgcolor> is used to set the background color of the table.

EXAMPLE

<table border="1" bgcolor="red"> <tr> <th>Name</th> <th>Class</th> </tr>

<tr>
<td>Tiong</td> <td>DNS6B</td> </tr>

<tr>
<td>Amin</td> <td>DNS6B</td> </tr>

</table>

CREATE CELL PADDING, TABLE & CELL SPACING

To create cell padding, use the <table cellpadding=pixel"> syntax. For the table & cell spacing, use <table cellspacing="pixels"> syntax.

EXAMPLE
<table border="1" cellspacing="10" cellpadding="10"> <tr cellspacing="100"> <th >Name</th>

<th >Age</th>
</tr> <tr> <td>Khai</td> <td>18</td> </tr> </table>

No cell spacing and cell padding

With cell spacing and cell padding

ALIGN TEXT IN CELLS (HORIZONTALLY, VERTICALLY)

Text can be aligned to left, middle, or right by using <align=value> syntax. To align text to the top, middle, or bottom, use <valign=value> syntax.

EXAMPLE
<table border="1" width="200" height="100"> <tr> <td align="left" valign="top">Left, Top</td> <td align="middle" valign="middle">Middle, Middle</td> <td align="right" valign="bottom">Right, Bottom</td>

</tr>
</table>

You might also like