簡単ホームページをメモ帳で作ろうよ

第四回：一見複雑そうに見えますが、よーく見ると簡単ですよ。

＜nifty:FROM40PC/MES/11/543＞

いろいろな罫線をひいて遊ぶ

<html>
<head><title>簡単なページ・パート２</title></head>
<body bgcolor="pink" text="blue">
<font size=3 color="red"><b>さっそく簡単なページを作ってみましたぞ。
</b></font><br>
<hr>
<font size=4 color="yellow"><i>たったこれだけでもホームページなんやね。
</i></font><br>
<hr>
<font size=5 color="green"><b>いやー、今日も暑かったよねえ。
</b></font><br>
<hr>
<font size=6 color="black"><i>ビアガーデンに行きたいぞ。</i></font><br>
<hr>
<font size=7 color="white"><i>ほんちの日記</i></font><br>
<hr>
</body>
</html>


とりあえず一本ずつ罫線を引いてみました

<html>
<head><title>簡単なページ・パート２</title></head>
<body bgcolor="pink" text="blue">
<font size=3 color="red"><b>さっそく簡単なページを作ってみましたぞ。
</b></font><br>
<hr size="8">
<font size=4 color="yellow"><i>たったこれだけでもホームページなんやね。
</i></font><br>
<hr width="50%">
<font size=5 color="green"><b>いやー、今日も暑かったよねえ。
</b></font><br>
<hr size="8" width="150">
<font size=6 color="black"><i>ビアガーデンに行きたいぞ。</i></font><br>
<hr size="8" width="50%">
<font size=7 color="white"><i>ほんちの日記</i></font><br>
<hr>
</body>
</html>


罫線の太さをブラウザに対する幅を変更しています

<html>
<head><title>簡単なページ・パート２</title></head>
<body bgcolor="pink" text="blue">
<font size=3 color="red"><b>さっそく簡単なページを作ってみましたぞ。
</b></font><br>
<hr size="8">
<font size=4 color="yellow"><i>たったこれだけでもホームページなんやね。
</i></font><br>
<hr width="50%" noshade>
<font size=5 color="green"><b>いやー、今日も暑かったよねえ。
</b></font><br>
<hr size="8" width="150">
<font size=6 color="black"><i>ビアガーデンに行きたいぞ。</i></font><br>
<hr size="8" width="50%" noshade>
<font size=7 color="white"><i>ほんちの日記</i></font><br>
<hr>
</body>
</html>


影なしの罫線です。

<html>
<head><title>簡単なページ・パート２</title></head>
<body bgcolor="pink" text="blue">
<font size=3 color="red"><b>さっそく簡単なページを作ってみましたぞ。
</b></font><br>
<hr size="8">
<font size=4 color="yellow"><i>たったこれだけでもホームページなんやね。
</i></font><br>
<hr width="50%" noshade align="left">
<font size=5 color="green"><b>いやー、今日も暑かったよねえ。
</b></font><br>
<hr size="8" width="150" align="right">
<font size=6 color="black"><i>ビアガーデンに行きたいぞ。</i></font><br>
<hr size="8" width="50%" noshade align="left">
<font size=7 color="white"><i>ほんちの日記</i></font><br>
<hr>
</body>
</html>


罫線の右寄せ、左寄せをしています。何も指定しないとセンタリングされます。

<html>
<head><title>簡単なページ・パート２</title></head>
<body bgcolor="pink" text="blue">
<font size=3 color="red"><b>さっそく簡単なページを作ってみましたぞ。
</b></font><br>
<hr size="8" color="blue">
<font size=4 color="yellow"><i>たったこれだけでもホームページなんやね。
</i></font><br>
<hr width="50%" noshade align="left" color="red">
<font size=5 color="green"><b>いやー、今日も暑かったよねえ。
</b></font><br>
<hr size="8" width="150" align="right" color="#007711">
<font size=6 color="black"><i>ビアガーデンに行きたいぞ。</i></font><br>
<hr size="8" width="50%" noshade align="left" color="#ff5500">
<font size=7 color="white"><i>ほんちの日記</i></font><br>
<hr>
</body>
</html>

カラータグの画像
Internet Explorer のみに対応しているタグで、罫線に色をつけました。Nestcapeでは効果なしです。

Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7 Lesson 8 Lesson 9 Lesson10
Lesson11 Lesson12 Lesson13 Lesson14 Lesson15 Lesson16 Lesson17 Lesson18 Lesson19 Lesson20
Lesson21 Lesson22 Lesson23 Lesson24 Lesson25 Lesson26 Lesson27 Lesson28 Lesson29 Lesson30

みつりんの簡単ホームページ講座トップ

トップページへ コマンドプロンプト VBAで遊ぼう パレットへ(注) ホームページ道場へ(注)
(注）@nifty会員のみご利用いただけます 30日で完成ホームページ本 ファイルの開き方

Since 15/06/1999
ホームページの内容の転載を禁じます　made by mitsurin