HTML table: Difference between revisions
Jump to navigation
Jump to search
(→Styles) |
|||
(4 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
* http://www.w3schools.com/tags/tag_table.asp | * http://www.w3schools.com/tags/tag_table.asp | ||
* http://www.w3schools.com/tags/tag_tr.asp | |||
* http://www.w3schools.com/tags/tag_th.asp | |||
* http://www.w3schools.com/tags/tag_td.asp | |||
=Internal= | =Internal= | ||
Line 14: | Line 17: | ||
The <th> element defines a table header, the <tr> element defines a table row, and the <td> element defines a table cell. | The <th> element defines a table header, the <tr> element defines a table row, and the <td> element defines a table cell. | ||
=Common Usage= | |||
==<tt><table></tt>== | |||
<pre> | |||
<table id="main_container" | |||
width="100%" | |||
border="0" | |||
cellpadding="0" | |||
cellspacing="0" | |||
style="border-bottom:1px solid black"> | |||
<tr><th align="left">First Name</th><th align="right">Age</th></tr> | |||
<tr><td>Alice</td><td>30</td></tr> | |||
<tr><td>Bob</td><td>31</td></tr> | |||
</table> | |||
</pre> | |||
==<tt><td></tt>== | |||
<pre> | |||
<td align="left|right|center|justify|char" valign="top|middle|bottom|baseline"> | |||
</pre> | |||
=Styles= | |||
Multiple attributes in the <tt>style</tt> value should be separated by ";". | |||
==Table== | |||
<pre> | |||
<table style="height:100px"> | |||
<table style="width:904px"> | |||
<table style="margin-top:4px"> | |||
<table style="margin-bottom:4px"> | |||
<table style="border-bottom:1px solid black"> | |||
<table style="background-color:#c3c3c3"> | |||
</pre> | |||
==tr== | |||
==td== | |||
<pre> | |||
<td style="border-left:none"> | |||
<td style="height:100px"> | |||
</pre> |
Latest revision as of 01:11, 10 June 2016
External
- http://www.w3schools.com/tags/tag_table.asp
- http://www.w3schools.com/tags/tag_tr.asp
- http://www.w3schools.com/tags/tag_th.asp
- http://www.w3schools.com/tags/tag_td.asp
Internal
Overview
The <table> tag defines an HTML table.
An HTML table consists of the <table> element and one or more <th>, <tr> and <td> elements.
The <th> element defines a table header, the <tr> element defines a table row, and the <td> element defines a table cell.
Common Usage
<table>
<table id="main_container" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid black"> <tr><th align="left">First Name</th><th align="right">Age</th></tr> <tr><td>Alice</td><td>30</td></tr> <tr><td>Bob</td><td>31</td></tr> </table>
<td>
<td align="left|right|center|justify|char" valign="top|middle|bottom|baseline">
Styles
Multiple attributes in the style value should be separated by ";".
Table
<table style="height:100px"> <table style="width:904px"> <table style="margin-top:4px"> <table style="margin-bottom:4px"> <table style="border-bottom:1px solid black"> <table style="background-color:#c3c3c3">
tr
td
<td style="border-left:none"> <td style="height:100px">