ＨＴＭＬタグ言語で何ができるか（02）─ビルダーを使って、表と列を結合する

ＨＴＭＬタグ言語で何ができるか（02）

ホームページビルダーを使って、表と列を結合する

（１）列１×行２の表のタグ言語


写真（１）	写真（２）

　写真（１）は、ホームページビルダーで「列数２」×「行数２」の表作成しました。

　写真（２）は、ホームページビルダーで１行目の列を結合しました。
（１）表の１枠を「セル」といいます。写真（１）は、セル４個で形成されています。
（２）表計算ソフトのエクセルの「セル」は１枠の「セル」のことです。

参考資料（１）

　参考資料（１）は、「列数２」×「行数２」の表のソース（設計）画面です。
（１）「<TR>～</TR>」の間に「<TD></TD>」が２つあります。

（２）「列結合」の表のソース画面

参考資料（２）

　参考資料（２）は、写真（２）の１行目「列結合」×「行数２」の表のソース（設計）画面です。
（１）最初の「<TR>～</TR>」の間に、「<TD></TD>」の１つが削除され、「①<TD colspan="2"></TD>」が追加されています。
（２）「colspan」とは横に○セル分という意味の属性です。ここでは、「横に２セル分結合せよ」という意味です。
（３）「②<TR>～</TR>」は、元のままです。

（３）「行結合」してみましょう


写真（３）	写真（４）

　写真（３）は、ホームページビルダーで「列数２」×「行数２」の表作成しました。

　写真（４）は、ホームページビルダーで１列目の行を結合しました。

参考資料（３）

　参考資料（３）は、「列数２」×「行数２」の表のソース（設計）画面です。
（１）「<TR>～</TR>」の間に「<TD></TD>」が２つあります。

参考資料（４）

　参考資料（４）は、写真（４）の１列目「行結合」×「列数２」の表のソース（設計）画面です。
（１）最初の「<TR>～</TR>」の間に、「③<TD rowspan="2"></TD>」が追加されています。
（２）「rowspan」とは縦に○セル分という意味の属性です。ここでは、「縦に２セル分結合せよ」という意味です。
（３）「④<TD></TD></TR>」と「⑤<TD></TD></TR>」は、元のままです。

（４）ホームページビルダーで作成して、ソース画面を見てタグ言語を会得しましょう

（１）最初から、タグ言語を会得するには、相当の覚悟と忍耐力と時間が必要です。

（２）ホームページビルダーで作成して、ソース画面を見て、タグ言語を比較・検討すると、最短でしかも簡単にタグ言語を会得できます。