HTMLタグ言語で何ができるか(06)
ホームページビルダーを使って、様々な水平線を入れる
(1)水平線のないページです
写真(1)
 写真(1)は、水平性のないページです。

(2)ソース画面で確認する
<TR>
<TD><IMG src="tubaki01h.jpg" height="250" width="373"></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD><IMG src="BACK027.gif" height="110" width="110"></TD></TR>
参考資料(1)
 参考資料(1)は、写真(1)のソース(設計)画面です。

(3)単純な水平線を入れる
写真(2)
 写真(2)は、単純な水平性を入れたページです。

<TR>
<TD><IMG src="tubaki01h.jpg" height="250" width="373"></TD></TR>
<TR>
<TD>
@<HR>
</TD></TR>
<TR>
<TD><IMG src="BACK027.gif" height="110" width="110"></TD></TR>
参考資料(2)
 参考資料(2)は、写真(2)をソース(設計)画面したものです。
(1)「@<HR>」が追加されていることが分ります。

(4)太さが5で影をつけない水平線を入れる
写真(3)
 写真(3)は、水平線の太さを「5」、「影をつけない」にチェックしたものです。

<TR>
<TD><IMG src="tubaki01h.jpg" height="250" width="373"></TD></TR>
<TR>
<TD>
A<HR noshade size="5">
</TD></TR>
<TR>
<TD><IMG src="BACK027.gif" height="110" width="110"></TD></TR>
参考資料(3)
 参考資料(3)は、写真(3)のソース(設計)画面です。
(1)「@<HR>」が「A<HR noshade size="5">」に変更されています。
(2)水平線の太さをの「5」は「size="5"」、「影をつけない」にチェックは「noshade」であることが分ります。

(5)ソース画面で水平線に色を変更する
<TR>
<TD><IMG src="tubaki01h.jpg" height="250" width="373"></TD></TR>
<TR>
<TD>
B<HR noshade size="5" color="red">
</TD></TR>
<TR>
<TD><IMG src="BACK027.gif" height="110" width="110"></TD></TR>
参考資料(4)
 参考資料(4)は、ソース(設計)画面で、水平線に「color="red"」(赤色)をつけたものです。

写真(4)
 写真(4)は、参考資料(4)のソース(設計)画面をホームページビルダーで置換しました。
(1)ホームページビルダー上では変化は分りません。

(ブラウザ画面にリンク)
写真(5)
 写真(5)は、参考資料(4)のブラウザ画面です。
(1)ブラウザ画面では、水平線の色の変化が分ります。
(2)ソース(設計)画面でしか、変更できないタグ言語があります。
(6)ソース(設計)画面でなければ、加工できないタグ言語もあります