ＨＴＭＬタグ言語で何ができるか（02）─ビルダー３＋ソース（７）→行コピーと行結合

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

ビルダー３＋ソース（７）→行コピーと行結合

（１）行コピーと行結合

写真（１）

　写真（１）は、行コピーと行結合の実行画面です。
（１）写真（２）から写真（１）のようなレイアウト（割り付け）にします。

（２）元の画像

写真（２）

　写真（２）は、元の画像です。
（１）写真（２）から写真（１）のようなレイアウト（割り付け）にするには、写真（２）をソース画面にします。
（２）ソース画面にするには、ブラウザ画面→「表示」→「ソース」をクリックします。

ソース画面を見る方法←クリック

（３）必要なタグ言語をコピー

写真（３）

　写真（３）は、必要なタグ言語をコピーしている画面です。
（１）ここでは、「06」ビルダ-＋ソース画面で・・」以下のタグ言語をドラッグします。
（２）反転した文字の上を右クリック→「コピー」

（４）空白行

<TR>
<TD rowspan="6" align="left">【02】</TD>
①（Enterキーを押して、１行空白行をつくる）←ここへ貼り付け
<TD align="left">06</TD>
<TD><A href="02/06.htm">ビルダー＋ソース画面で、罫線に色をつける</A></TD></TR>

写真（４）

　写真（４）は、空白行を作っている画面です。

（５）必要なタグ言語を貼り付け

<TR>
<TD rowspan="6" align="left">【02】</TD>
①<TD align="left">06</TD>
<TD><A href="02/06.htm">ビルダー＋ソース画面で、罫線に色をつける</A></TD></TR>①
<TD align="left">06</TD>
<TD><A href="02/06.htm">ビルダー＋ソース画面で、罫線に色をつける</A></TD></TR>

写真（５）

　写真（５）は、必要なタグ言語を貼り付けている画面です。
（１）「①～①」の間に必要なタグ言語を貼り付けました。

（６）タグ言語の変更

<TR>
<TD rowspan="①7" align="left">【02】</TD>
<TD align="left">②07</TD>
<TD><A href="02/③07.htm">④ビルダー＋ソース→行コピーと行結合</A></TD></TR>
<TD align="left">06</TD>
<TD><A href="02/06.htm">ビルダー＋ソース画面で、罫線に色をつける</A></TD></TR>

写真（６）

　写真（６）は、タグ言語の変更画面です。
（１）①行数を「6」から「7」に変更します。
（２）②７番目のデータの目印（07）に変更します。
（３）③７番目のデータのファイル名（07.htm）に変更します。
（４）④７番目のデータのタイトル（ビルダー＋ソース画面→行コピーと行結合）に変更します。
（５）「上書き保存」→ソース画面を閉じる→ブラウザ画面上で「更新」

（７）完成

写真（７）

　写真（７）は、完成画面です。