Navigation Menu

Skip to content

Commit

Permalink
[e] (0) new table example
Browse files Browse the repository at this point in the history
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9943

git-svn-id: http://svn.whatwg.org/webapps@5382 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Aug 27, 2010
1 parent 043e696 commit 6b41be8
Show file tree
Hide file tree
Showing 3 changed files with 102 additions and 0 deletions.
34 changes: 34 additions & 0 deletions complete.html
Expand Up @@ -34412,6 +34412,40 @@ <h4 id=the-table-element><span class=secno>4.9.1 </span>The <dfn><code>table</co

</div>

<div class=example>

<p>Here is an example of a table being used to mark up a Sudoku
puzzle. Observe the lack of headers, which are not necessary in
such a table.</p>

<pre>&lt;section&gt;
&lt;style scoped&gt;
table { border-collapse: collapse; border: solid thick }
colgroup, tbody { border: solid medium; }
td { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
&lt;/style&gt;
&lt;h1&gt;Today's Sudoku&lt;/h1&gt;
&lt;table&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 1 &lt;td&gt; &lt;td&gt; 3 &lt;td&gt; 6 &lt;td&gt; &lt;td&gt; 4 &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; 9
&lt;tr&gt; &lt;td&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; &lt;td&gt; 1 &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 6
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; 4 &lt;td&gt; &lt;td&gt; 3 &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; 8
&lt;tr&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 5 &lt;td&gt; &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; 1
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 6 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 5 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 2
&lt;tr&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; &lt;td&gt; 8 &lt;td&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; &lt;td&gt; 5
&lt;/table&gt;
&lt;/section&gt;</pre>

</div>


<h4 id=the-caption-element><span class=secno>4.9.2 </span>The <dfn><code>caption</code></dfn> element</h4>

Expand Down
34 changes: 34 additions & 0 deletions index
Expand Up @@ -34337,6 +34337,40 @@ side in the right column.&lt;/p&gt;

</div>

<div class=example>

<p>Here is an example of a table being used to mark up a Sudoku
puzzle. Observe the lack of headers, which are not necessary in
such a table.</p>

<pre>&lt;section&gt;
&lt;style scoped&gt;
table { border-collapse: collapse; border: solid thick }
colgroup, tbody { border: solid medium; }
td { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
&lt;/style&gt;
&lt;h1&gt;Today's Sudoku&lt;/h1&gt;
&lt;table&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;colgroup&gt;&lt;col&gt;&lt;col&gt;&lt;col&gt;
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 1 &lt;td&gt; &lt;td&gt; 3 &lt;td&gt; 6 &lt;td&gt; &lt;td&gt; 4 &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; 9
&lt;tr&gt; &lt;td&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; &lt;td&gt; 1 &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 6
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; 4 &lt;td&gt; &lt;td&gt; 3 &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; 8
&lt;tr&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 5 &lt;td&gt; &lt;td&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; 1
&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt; 6 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 5 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 2
&lt;tr&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt; 7 &lt;td&gt; &lt;td&gt; &lt;td&gt; &lt;td&gt;
&lt;tr&gt; &lt;td&gt; 9 &lt;td&gt; &lt;td&gt; &lt;td&gt; 8 &lt;td&gt; &lt;td&gt; 2 &lt;td&gt; &lt;td&gt; &lt;td&gt; 5
&lt;/table&gt;
&lt;/section&gt;</pre>

</div>


<h4 id=the-caption-element><span class=secno>4.9.2 </span>The <dfn><code>caption</code></dfn> element</h4>

Expand Down
34 changes: 34 additions & 0 deletions source
Expand Up @@ -38020,6 +38020,40 @@ side in the right column.&lt;/p>

</div>

<div class="example">

<p>Here is an example of a table being used to mark up a Sudoku
puzzle. Observe the lack of headers, which are not necessary in
such a table.</p>

<pre>&lt;section>
&lt;style scoped>
table { border-collapse: collapse; border: solid thick }
colgroup, tbody { border: solid medium; }
td { border: solid thin; height: 1.4em; width: 1.4em; text-align: center; padding: 0; }
&lt;/style>
&lt;h1>Today's Sudoku&lt;/h1>
&lt;table>
&lt;colgroup>&lt;col>&lt;col>&lt;col>
&lt;colgroup>&lt;col>&lt;col>&lt;col>
&lt;colgroup>&lt;col>&lt;col>&lt;col>
&lt;tbody>
&lt;tr> &lt;td> 1 &lt;td> &lt;td> 3 &lt;td> 6 &lt;td> &lt;td> 4 &lt;td> 7 &lt;td> &lt;td> 9
&lt;tr> &lt;td> &lt;td> 2 &lt;td> &lt;td> &lt;td> 9 &lt;td> &lt;td> &lt;td> 1 &lt;td>
&lt;tr> &lt;td> 7 &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> 6
&lt;tbody>
&lt;tr> &lt;td> 2 &lt;td> &lt;td> 4 &lt;td> &lt;td> 3 &lt;td> &lt;td> 9 &lt;td> &lt;td> 8
&lt;tr> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td>
&lt;tr> &lt;td> 5 &lt;td> &lt;td> &lt;td> 9 &lt;td> &lt;td> 7 &lt;td> &lt;td> &lt;td> 1
&lt;tbody>
&lt;tr> &lt;td> 6 &lt;td> &lt;td> &lt;td> &lt;td> 5 &lt;td> &lt;td> &lt;td> &lt;td> 2
&lt;tr> &lt;td> &lt;td> &lt;td> &lt;td> &lt;td> 7 &lt;td> &lt;td> &lt;td> &lt;td>
&lt;tr> &lt;td> 9 &lt;td> &lt;td> &lt;td> 8 &lt;td> &lt;td> 2 &lt;td> &lt;td> &lt;td> 5
&lt;/table>
&lt;/section></pre>

</div>


<h4>The <dfn><code>caption</code></dfn> element</h4>

Expand Down

0 comments on commit 6b41be8

Please sign in to comment.