無料ではじめる!ホームページ入門〜ホームページ作成解説サイト〜 HOME HP HTML UP other Link about

HOME > HTML > HTML逆引きリファレンス > ページ

ページ

背景色を指定したい

<body bgcolor="○">〜</body>
○…色指定値または色名

<body>タグのbgcolor属性でページの背景色を指定します。色の指定は色指定値、または色名で記述します。 色を指定しない場合は、ユーザーのブラウザの設定により、背景色が表示されます。
色指定値…#rrggbb。「#」に続けて、赤「r」、緑「g」、青「b」の値を00〜ffの16進数で表します。
色名…色の名前で直接指定します。(white、yellow、blueなど。)

HTMLソース
<body bgcolor="yellow">
背景にyellowを指定しています。
</body>

結果はこちら。
カラーコードはこちら。


TOP

背景に画像を設定したい

<body background="○">〜</body>
○…画像ファイル名

<body>タグのbackground属性でページの背景画像を指定します。

HTMLソース
<body background="../img/space1.gif">
<font color="#ffffff">背景に画像を指定しています。</font>
</body>

結果はこちら。


TOP

テキストの色を指定したい

<body text="○">〜</body>
<body link="○">〜</body>
<body alink="○">〜</body>
<body vlink="○">〜</body>
○…色指定値または色名

ページ全体のテキストの色を指定します。色の指定は色指定値、または色名で記述します。 色を指定しない場合は、ユーザーのブラウザの設定により表示されます。
各属性の意味は次のとおりです。

  • text…標準のテキストの色を指定。
  • link…まだ見てないページへのリンク部分の色を指定。
  • alink…リンク部分を選択したときの色を指定。
  • vlink…すでに見た(キャッシュされている)ページへのリンク部分の色を指定。
色指定値…#rrggbb。「#」に続けて、赤「r」、緑「g」、青「b」の値を00〜ffの16進数で表します。
色名…色の名前で直接指定します。(white、yellow、blueなど。)

HTMLソース
<body text="blue">
<body link="red">
<body alink="yellow">
<body vlink="green">
標準のテキストは青<br>
<a href="sample02b.html">まだ見てないページへのリンクは赤</a><br>
<a href="../page.html#002">選択されたリンクは黄</a><br>
<a href="../page.html#002">すでに見たページへのリンクは緑</a>
</body>

結果はこちら。
カラーコードはこちら。


TOP

センタリングしたい

<center>〜</center>

センタリング(中央揃え)を指定します。

HTMLソース
<center>
<p>
画像やテキストを中央揃えにします。
</p>
<img src="../img/dog.gif" width="41" height="56">
</center>

結果

画像やテキストを中央揃えにします。


TOP

まとめて位置を指定したい

<div align="○">〜</div>
○…left、center、right

テキストや画像の位置をまとめて指定します。

HTMLソース
<div align="right">
<p>
画像やテキストを右揃えにします。
</p>
<img src="../img/dog.gif" width="41" height="56">
</div>

結果

画像やテキストを右揃えにします。


TOP

横罫線を表示したい

<hr ○>
○…size="●"、width="●"、align="●"、noshade、color="●"
●…それぞれの値

<hr>で横罫線が画面の幅いっぱいに表示されます。size属性で罫線の太さ(ピクセル)を、width属性で罫線の長さ(ピクセルまたはパーセント)をalign属性で位置を指定します。 標準ではセンタリングするようになっています。noshadeを指定すると、立体的でない平面的な罫線が表示されます。color属性で色を変えることができますが、Internet Explorerのみの対応で、Netscapeには対応していません。

HTMLソース
<p>
太さを5、長さを400ピクセルに設定。
</p>
<hr size="5" width="400">
<p>
太さを2、長さを30パーセント、右揃えに設定。
</p>
<hr size="2" width="30%" align="right">

結果

太さを5、長さを400ピクセルに設定。


太さを2、長さを30パーセント、右揃えに設定。



TOP

当サイトへのリンクは確認不要です。
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送