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