Wiki: Create Quick and Basic Tables Using the Wiki HTML Editor

Wiki: Create Quick and Basic Tables Using the Wiki HTML Editor

Quick and Dirty tables using the Wiki HTML Editor:



This will create a simple table with a specific table width, specific column widths, a header row and borders around all the cells in the Wiki HTML Editor.

Paste the table contents below between the <body></body> tags of an html document at http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_style for a preview:

<!-- Change the properties for the table tag as listed below.  Default values for cellpadding -->
<!-- and cellspacing prevent border from appearing around all cells so set both to “0”. -->
<!-- Default value for table width will cause table width to be governed by table contents. -->
<!-- If your wiki article will contain multiple tables and you want to apply a consistent -->
<!-- width to all tables, set the table width value here and use that value for every table.-->

<table cellpadding="0" cellspacing="0" width="600" rules="all" style="border: #000000 thin solid;">

          <!-- Use the style attribute of the <tr> tag to set the background-color -->
          <!-- and font-weight of the first row to silver and bold, respectively. -->
          <!-- Use the valign attribute of the <tr> tag to set text alignment to "top". -->

          <tr style="background-color: silver; font-weight: bold;" valign="top">

                 <!-- Add columns to rows with the <td> tag and use the style -->
                 <!-- attribute to set the width for each column so that the sum -->
                 <!-- of all column widths equals the table width set above. -->

                 <td style="width: 400px">HeaderRow, Column1, Width is 400 pixels</td>
                 <td style="width: 200px">HeaderRow, Column2, Width is 200 pixels</td>
          </tr>

          <!-- Add rows as needed with <tr> tags. Columns will continue to use the -->
          <!-- widths set in the first row unless the number of columns per row changes -->
          <!-- so no need to keep setting column widths for this table.-->

                  <tr valign="top">
                  <td>Row2, Column1</td>
                  <td>Row2, Column2</td>
          </tr>
          <tr valign="top">
                   <td>Row3, Column1</td>
                   <td>Row3, Column2</td>
          </tr>
 </table>

This table should render as follows:

HeaderRow, Column1, Width is 400 pixels HeaderRow, Column2, Width is 200 pixels
Row2, Column1 Row2, Column2
Row3, Column1 Row3, Column2

See Also



Other Languages

This article is also available in the following languages: 

Brazilian Portuguese (pt-BR)

Français France (fr-FR)

Leave a Comment
  • Please add 5 and 8 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • Yagmoth555 edited Revision 29. Comment: adding the a link to a french's translation (fr-FR)

  • Fernando Lugão Veltem edited Revision 28. Comment: added other language session and the article Wiki: Criar Tabelas Rápidas e Básicas Utilizando o Editor HTML do Wiki (pt-BR)

Page 1 of 1 (2 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Nominating to be featured.

  • Fernando Lugão Veltem edited Revision 28. Comment: added other language session and the article Wiki: Criar Tabelas Rápidas e Básicas Utilizando o Editor HTML do Wiki (pt-BR)

  • Yagmoth555 edited Revision 29. Comment: adding the a link to a french's translation (fr-FR)

  • Congratulations on being featured on the home page of TechNet Wiki!

  • Great job, it really help who wants to initialize a new article.

Page 1 of 1 (5 items)