| パソコンガイド
>> ホームページ全体のレイアウト2 |
ついに最終回です。、もう少し勉強しましょう。
サンプルにはこのホームページのタイトルっぽいものを表示されません。まず、それをいれてみます。 <html>
<head> <title>自己紹介のページ</title> </head>
<body> <div align="center">
<font size="7" color="#0000FF" face="MS
Pゴシック, Osaka">パソコン道場</font><br>
←追加部分
<hr><br> ←追加部分
<font size="4" color="#FF0000" face="MS
P明朝, 細明朝体">===ハンドルネーム===</font><br>
<font size="2" color="#009900" face="MS
Pゴシック, Osaka">パソコンおやじ</font><br> <br>
<font size="4" color="#FF0000" face="MS
P明朝, 細明朝体">===趣味===</font><br>
<font size="2" color="#009900" face="MS
Pゴシック, Osaka">ハンドルネームのとおりパソコンが趣味です。というか好きなだけです。あとはバイクも好きで、休みの日にはよくツーリングにでかけます。</font><br>
<br> <font size="4" color="#FF0000"
face="MS P明朝, 細明朝体">===紹介文===</font><br>
<font size="2" color="#009900" face="MS
Pゴシック, Osaka">はじめまして!!このホームページは、私が趣味で撮った写真なんかを載せていきたいと思います。<br>
これからもよろしくお願いします。</font><br> <br> <font
size="4" color="#FF0000" face="MS P明朝,
細明朝体">===写真ギャラリー===</font><br> <font
size="2" color="#009900" face="MS Pゴシック,
Osaka">写真ギャラリーのページ</font><br> </div>
</body> </html> sample007.html
パソコン道場の部分の追加はわかりますが、その下の<hr>はなんでしょうか?
これは、ヘアラインといって、ホームページでみると区切り線です。
属性も入れられます。 <hr width="80%"> <hr
width="800px">
相対的に指定するには%、絶対的な数値ではPX(ピクセル)で指定します。
少しはホームページらしくなってきましたか?このようにホームページ作りは難しいものではないのです。
これでホームページ作り 基礎の基礎は終わりです。 |