HTML table: Difference between revisions

From NovaOrdis Knowledge Base
Jump to navigation Jump to search
(Created page with "=External= * http://www.w3schools.com/tags/tag_table.asp =Internal= * HTML Tags =Overview=")
 
 
(9 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 8: Line 11:


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