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)ソース(設計)画面でなければ、加工できないタグ言語もあります |