table

HTML

下記の表を組んで見る

※枠線はtrにはつかない。（tableとtdにつく）

<!-- HTML5の書き方 
DOCTYPE宣言文			<!DOCTYPE html>
言語コードの指定		<html lang="ja">
文字コードの宣言		<meta charset="utf-8">
スタイルシートの指定	<link rel="stylesheet" href="sample.css">
スクリプトの指定		<script src="sample.js"></script>
IE8以下はHTML5に対応していませんが「Google Code」で公開されている「html5shiv」
スクリプトを利用すればIE8以下でもHTML5のページを表示することが可能になります。
-->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML5 - table</title>

<link rel="stylesheet" href="table.css">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script src="sample.js"></script>
</head>

<body>
<div id="wrapper">
<header>1カラムのHTML</header>
<div id="content">

  <table summary="table練習1" border="1">
        <tr id="tr01"><td>1</td><td>2</td><td id="td3" rowspan="2">3</td><td>4</td><td>5</td></tr>
        <tr id="tr02"><td>6</td><td id="td07"  rowspan="4">7</td><td id="td8" colspan="2">8</td></tr>
        <tr id="tr03"><td id="td09" rowspan="2">9</td><td id="td10" colspan="3">10</td></tr>
        <tr id="tr04"><td id="td11" colspan="2">11</td><td id="td12" rowspan="2">12</td></tr>
        <tr id="tr05"><td>13</td><td>14</td><td>15</td></tr>
   </table>



<!-- /#content --></div>
<footer>フッター</footer>   
<!--/#wrapper--></div>
</body>
</html>