HTML table: Difference between revisions

From NovaOrdis Knowledge Base
Jump to navigation Jump to search
No edit summary
 
(7 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 9: Line 12:
=Overview=
=Overview=


The <pre><table></pre> tag defines an HTML table.
The &lt;table> tag defines an HTML table.


An HTML table consists of the <table> element and one or more <th>, <tr> and <td> elements.
An HTML table consists of the &lt;table> element and one or more &lt;th>, &lt;tr> and &lt;td> elements.


The <th> element defines a table header, the <tr> element defines a table row, and the <td> element defines a table cell.
The &lt;th> element defines a table header, the &lt;tr> element defines a table row, and the &lt;td> element defines a table cell.
 
=Common Usage=
 
==<tt>&lt;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>&lt;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

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">