| ＨＴＭＬタグ言語で何ができるか（０２） |
| ビルダー３＋ソース画面（９）で、列の結合 |
| （１）列の結合 |
 |
| 写真（１━１） |
| 写真（１━１）は、列の結合です。 |
|
|
| <TR> <TD align="left">【03】</TD> <TD align="left"> </TD> <TD><A href="03/01.htm"><B>日常会話の英語で６４色を覚える</B></A></TD></TR> @<TR> <TD colspan="3" align="center" bgcolor="yellow"><B>ビルダー３＋ソース画面＝情報処理</B></TD> </TR>@ <TR> <TD rowspan="9" align="left" Abgcolor="yellow">【02】</TD> <TD align="left">09</TD> <TD><B><A href="02/09.htm">ビルダー３＋ソース画面（９）で、列の結合</A></B></TD></TR> <TR> <TD align="left">08</TD> <TD><A href="02/08.htm">ビルダー３＋ソース画面（８）で、表の分割と復元</A></TD></TR> |
| 写真（１━２） |
| 写真（１━２）は、写真（１━１）のソース画面です。 （１）@〜@のタグ言語が重要です。 （２）Abgcolor="yellow"も重要です。 （３）colspanは、行（横列）のセルを結合させるために使う属性です。「colspan="3"」とは、３行を結合するという意味です。 （４）rowspanは、列（縦列）のセルを結合させるために使う属性です。rowspan="9"とは、９行を結合するという意味です。 |
|
|
| （２）行の挿入 |
 |
| 写真（２━１） |
| 写真（２━１）は、行の挿入です。 （１）行を挿入したい真下の行を右クリック→「行/列の挿入」 |
|
|
| <TR> <TD align="left">【03】</TD> <TD align="left"> </TD> <TD><A href="03/01.htm"><B>日常会話の英語で６４色を覚える</B></A></TD></TR> <TR> <TD rowspan="9" align="left">【02】</TD> <TD align="left">09</TD> <TD><B><A href="02/09.htm">ビルダー３＋ソース画面（９）で、列の結合</A></B></TD></TR> <TR> <TD align="left">08</TD> <TD><A href="02/08.htm">ビルダー３＋ソース画面（８）で、表の分割と復元</A></TD></TR> |
| 写真（２━２） |
| 写真（２━１）は、写真（２━１）のソース画面です。 （１）行を挿入する前のソース画面です。 |
|
|
| （３）行/列の挿入 |
 |
| 写真（３） |
| 写真（３）は、「行/列の挿入」です。 （１）「セルの上に行を挿入」をチェック→「OK」 |
|
|
| （４）行の挿入 |
 |
| 写真（４） |
| 写真（４）は、行の挿入です。 |
|
|
| （５）表の属性 |
 |
| 写真（５） |
| 写真（５）は、表の属性です。 （１）結合する列の左端を右クリック→「表の属性」をクリック |
|
|
| （６）セルの結合 |
 |
| 写真（６） |
| 写真（６）は、セルの結合です。 （１）右クリックした左端を含め３列を結合します。 （２）「セルの結合」の「列数」入力（３）→「OK」 |
|
|
| （７）列結合結果 |
 |
| 写真（７━１） |
| 写真（７━１）は、列結合結果です。 |
|
|
| <TR> <TD align="left">【03】</TD> <TD align="left"> </TD> <TD><A href="03/01.htm"><B>日常会話の英語で６４色を覚える</B></A></TD></TR> B<TR> <TD colspan="3" align="center"></TD> </TR>B <TR> D<TD rowspan="9" align="left">【02】</TD>D <TD align="left">09</TD> <TD><B><A href="02/09.htm">ビルダー３＋ソース画面（９）で、列の結合</A></B></TD></TR> <TR> <TD align="left">08</TD> <TD><A href="02/08.htm">ビルダー３＋ソース画面（８）で、表の分割と復元</A></TD></TR> |
| 写真（７━２） |
| 写真（７━２）は、写真（７━１）のソース画面です。 （１）次のタグ言語が追加されています。 B<TR> <TD colspan="3" align="center"></TD> </TR>B |
|
|
| <TR> <TD align="left">【03】</TD> <TD align="left"> </TD> <TD><A href="03/01.htm"><B>日常会話の英語で６４色を覚える</B></A></TD></TR> B<TR> <TD colspan="3" align="center" Cbgcolor="yellow"><B>ビルダー３＋ソース画面＝情報処理</TD> </TR>B <TR> D<TD rowspan="9" align="left" Abgcolor="yellow">【02】</TD>D <TD align="left">09</TD> <TD><B><A href="02/09.htm">ビルダー３＋ソース画面（９）で、列の結合</A></B></TD></TR> <TR> <TD align="left">08</TD> <TD><A href="02/08.htm">ビルダー３＋ソース画面（８）で、表の分割と復元</A></TD></TR> |
| 写真（７━３） |
| 写真（７━３）は、写真（１━１）のソース画面に変更した画面です。 （１）B〜Bの間にCbgcolor="yellow"><B>ビルダー３＋ソース画面＝情報処理を追加します。 （２）D〜Dの間にAbgcolor="yellow"を追加します。 （３）セース画面上で「上書き保存」→ソース画面を閉じる。 （４）ブラウザ画面上で「更新」 |
|
|
| （８）完成 |
|
| 写真（８） |
| 写真（８）は、完成ページです。 |