https://dev.vaniquotes.org/w/index.php?action=history&feed=atom&title=User%3ABetaSahadeva%2FSandbox 2026-10-09T07:06:20Z Revision history for this page on the wiki MediaWiki 1.45.3 https://dev.vaniquotes.org/w/index.php?title=User:BetaSahadeva/Sandbox&diff=51490&oldid=prev 2008-09-24T11:40:29Z

<p></p> <p><b>New page</b></p><div>{{toc right}}<br /> <br /> ==Overview==<br /> <br /> Tables in HTML, are relatively simple to create and modify. This is done by using these tags:<br /> <br /> * &lt;nowiki&gt;&lt;table&gt;&lt;/nowiki&gt; to declare a table.<br /> * &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt; to end the table.<br /> * &lt;nowiki&gt;&lt;th&gt;&lt;/nowiki&gt; to declare a Header cell (Table Header).<br /> * &lt;nowiki&gt;&lt;/th&gt;&lt;/nowiki&gt; to close a Header cell.<br /> * &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt; to declare the start of a new row (Table Row).<br /> * &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt; to declare the end of a row.<br /> * &lt;nowiki&gt;&lt;td&gt;&lt;/nowiki&gt; to declare a cell (Table Data).<br /> * &lt;nowiki&gt;&lt;/td&gt;&lt;/nowiki&gt; to close a cell.<br /> <br /> ==Use==<br /> <br /> &#039;&#039;&#039;The code:&#039;&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table&gt;&lt;/nowiki&gt;&lt;br&gt; &lt;!--Comment: The &lt;br&gt; tag is a hard line break--&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;&#039;Will output:&#039;&#039;&#039;<br /> <br /> &lt;table&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> ==Modifications==<br /> <br /> ===Border===<br /> <br /> To add a border and adjust its width, add &#039;&#039;&lt;nowiki&gt;border=&quot;&#039;&#039;&#039;#&#039;&#039;&#039;&quot;&lt;/nowiki&gt;&#039;&#039; to the &lt;nowiki&gt;&lt;table&gt;&lt;/nowiki&gt; tag, with &#039;&#039;&#039;#&#039;&#039;&#039; replaced with the desired border width in pixels.&lt;br&gt;<br /> eg &lt;nowiki&gt;&lt;table border=&quot;1&quot;&gt;&lt;/nowiki&gt; will generate a table with border width 1px.<br /> <br /> &#039;&#039;The code:&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table border=&quot;1&quot;&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;Will output:&#039;&#039;<br /> <br /> &lt;table border=&quot;1&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> &lt;p&gt;&lt;/P&gt;<br /> <br /> ===Width===<br /> <br /> To control table width, &#039;&#039;&lt;nowiki&gt;width=&quot;&#039;&#039;&#039;#&#039;&#039;&#039;&quot;&lt;/nowiki&gt;&#039;&#039; can be added to the &lt;nowiki&gt;&lt;table&gt;&lt;/nowiki&gt; tag, replacing &#039;&#039;&#039;#&#039;&#039;&#039; with the desired width, in pixels or %.&lt;br&gt;<br /> eg &lt;nowiki&gt;&lt;table width=&quot;400&quot;&gt;&lt;/nowiki&gt; will generate a 400px wide table.&lt;br&gt;<br /> <br /> &#039;&#039;The code:&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table border=&quot;1&quot; width=&quot;400&quot;&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;Will output:&#039;&#039;<br /> <br /> &lt;table border=&quot;1&quot; width=&quot;400&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> Or, for 75% of window width:<br /> <br /> &#039;&#039;The code:&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table border=&quot;1&quot; width=&quot;75%&quot;&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;Will output:&#039;&#039;<br /> <br /> &lt;table border=&quot;1&quot; width=&quot;75%&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> &lt;p&gt;&lt;/P&gt;<br /> <br /> ===Cell Padding===<br /> <br /> To control the amount of padding (space) between the contents of a cell and its borders, use &#039;&#039;&lt;nowiki&gt;cellpadding=&quot;#&quot;&lt;/nowiki&gt;&#039;&#039; to the &lt;nowiki&gt;&lt;table&gt;&lt;/nowiki&gt; tag, with &#039;&#039;#&#039;&#039; as the amount of padding you want, in pixels or %.<br /> eg &lt;nowiki&gt;&lt;table cellpadding=&quot;10&quot;&gt;&lt;/nowiki&gt; will draw a table with 10px cell padding.&lt;br&gt;<br /> <br /> &#039;&#039;The code:&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table cellpadding=&quot;10&quot; border=&quot;1&quot;&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;Will output:&#039;&#039;<br /> <br /> &lt;table cellpadding=&quot;10&quot; border=&quot;1&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> &lt;p&gt;&lt;/P&gt;<br /> <br /> ===Cell Spacing===<br /> <br /> The space between cells is controlled the same way as cell padding, only with &#039;&#039;&lt;nowiki&gt;cellspacing=&quot;#&quot;&lt;/nowiki&gt;&#039;&#039; used instead.&lt;br&gt;<br /> <br /> eg &lt;nowiki&gt;&lt;table cellspacing=&quot;5&quot;&gt;&lt;/nowiki&gt; will draw a table with 5px cell padding.&lt;br&gt;<br /> <br /> &#039;&#039;The code:&#039;&#039;<br /> <br /> &lt;nowiki&gt;&lt;table cellpadding=&quot;10&quot; cellspacing=&quot;5&quot; border=&quot;1&quot;&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 1&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;th&gt;TITLE 2&lt;/th&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 1&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 2&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 3&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;td&gt;Contents 4&lt;/td&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/tr&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> &lt;nowiki&gt;&lt;/table&gt;&lt;/nowiki&gt;&lt;br&gt;<br /> <br /> &#039;&#039;Will output:&#039;&#039;<br /> <br /> &lt;table cellpadding=&quot;10&quot; cellspacing=&quot;5&quot; border=&quot;1&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;TITLE 1<br /> &lt;/th&gt;<br /> &lt;th&gt;TITLE 2<br /> &lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 1<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 2<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Contents 3<br /> &lt;/td&gt;<br /> &lt;td&gt;Contents 4<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;</div>

Sahadeva