ホームページを作成する為にはテーブルを旨く活用することが重要であることが分かりました。テーブルを使いこなせれば、ホームページ作成の技術が高まります。そのやり方をマスターすることが初心者として大切であることを知りました。

 枠を作るときは <table> タグと</table> タグの間に作成します。この<>で囲まれたtablehtml言語で要素と呼ばれています。さてテーブルを構成するマス目(「セル」という)を作るにはどうすればよいでしょうか。縦の枠を重ねるためには(行を増やす)<tr>のタグを使用し、横に枠を重ねる(列を増やす)には<td>のタグを使用します。このタグの組み合わせでテーブルを作成することができます。テーブルを作るとき<table>の要素に対しborder="1"を使って枠を表示させながら作るとわかり易いことも知りました。この指定を行はないと枠が表示されないということです。border="1"は要素に対する属性と呼ばれそれ以外にも色々の属性があります。属性は要素の機能を補足したり追加したりする機能があります。どんな属性を指定できるかはタグごとに決まっており<table><tr><td>の各タグにおいても属性を旨く指定することで、様々な形式のテーブルを作成できるということになります。

次のようなhtmlファイルは、


<table border="1">

<tr>

<td>

テーブルテスト1

</td>

<td>

テーブルテスト2

</td>

</tr>

<tr>

<td>

テーブルテスト3    
    </td>

<td>

テーブルテスト4

</td>

<td>

テーブルテスト5

</td>

</tr>

</table>


下図のようになります。


jkongのブログ-テーブルの例

このように、<tr></tr>の一つの縦枠に対して横枠に<td></td>のタグを用いてセルを重ねることで表が作られるということを知りました。


作られたセル(枠)に、パーツを組み合わせることでホームページを簡単に作れるようになることをこれから学習していきます