W3Schools Tryit Editor

<!doctype html>
<html>

<body>
<h3>A demonstration of how to access a COLGROUP element</h3>
<table class="structure">
 <colgroup id="myColgroup" span="2"></colgroup>
 <tr>
 <th>ISBN</th>
 <th>Title</th>
 <th>Price</th>
 </tr>
 <tr>
 <td>3476896</td>
 <td>My first HTML</td>
 <td>53ドル</td>
 </tr>
 <tr>
 <td>5869207</td>
 <td>My first CSS</td>
 <td>49ドル</td>
 </tr>
</table>
<p>Click the button to get the number of columns a COLGROUP element should span.</p>
<button>Try it</button>

</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_colgroup_get">(->オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_colgroup_get" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>		
</body>
</html>