HTML table: Difference between revisions

From NovaOrdis Knowledge Base
Jump to navigation Jump to search
No edit summary
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>&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>
!!TD
{{{
    <td align="left|right|center|justify|char" valign="top|middle|bottom|baseline">
}}}
!!!Styles
!!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">
}}}
__Referenced by:__\\
[{INSERT com.ecyrd.jspwiki.plugin.ReferringPagesPlugin WHERE max=20, maxwidth=50}]

Revision as of 16:52, 9 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

right

!!!Styles

!!Table

{{{

}}} !!TR !!TD {{{

}}}

__Referenced by:__\\ [{INSERT com.ecyrd.jspwiki.plugin.ReferringPagesPlugin WHERE max=20, maxwidth=50}]