レイアウトに関するタグ

テキストや背景に色を付ける

  書式(1):背景色  <body bgcolor="#ffffff"> 〜 </body>

  書式(2):文字色  <body text="#ffffff"> 〜 </body>

  書式(3):リンク色(未読読込み)  <body link="#ffffff"> 〜 </body>

  書式(4):リンク色(読込み済)  <body vlink="#ffffff"> 〜 </body>

  書式(5):リンク色(読込み中)  <body alink="#ffffff"> 〜 </body>

  書式(6):複数指定(半角空白で区切る)  <body bgcolor="#ffffff" text="#ffffff"> 〜 </body>

  色指定の書式(16進数):#RRGGBB  R(赤)、G(緑)、B(青)の3原色を2桁の16進数で表現

 HTML4.01で定義されている基本16色は次の通り。
red #ff0000navy #000080green #008000black #000000
fuchsia #ff00ffblue #0000fflime #00ff00gray #808080
purple #800080aqua #00ffffolive #808000silver #c0c0c0
maroon #800000teal #008080yellow #ffff00white #ffffff


<body bgcolor="#ffff00">これは背景色が黄色になる</body>
これは背景色が黄色になる
<body bgcolor="yellow">これも背景色が黄色になる</body>
これも背景色が黄色になる
<body bgcolor="yellow" text="#0000ff">背景が黄色で文字が青色</body>
背景が黄色で文字が青色


色を指定する場合、適当な16進数を指定するのではなく、この色を使用した方がよいとされる色がある。これはWebセーフカラー(216色)と呼ばれる。Webセーフカラーを選ぶと、コンピュータ環境の違いによる色の見え方の差異が小さい。RGBそれぞれに00、33、66、99、cc、ffを組み合わせた値になっている。
Webセーフカラーはこちら
ある特定の範囲の文字色を変える

  書式:<font color="red"> 〜 </font>

指定した範囲の文字色を変える。<font color="☆"> 〜 </font>タグではさむ。☆には色の指定が入る。色に関しては上記の「テキストや背景に色を付ける」を参照のこと。
ある範囲の文字の色を変えたい場合は<font color="red">赤い文字にする</font>とすればよい
ある範囲の文字の色を変えたい場合は赤い文字にするとすればよい
横罫線(区切り線)を入れる

  書式:<hr ☆>

横罫線(水平ライン)を入れるには<hr>タグを用いる。ラインはエンボス調(凹凸)のような立体感で書かれる。☆には以下が入る(指定しなくとも線は描ける)。

 size="太さ" (ピクセル(数値)で指定する)
 width="長さ" (ピクセル(数値)または%で指定する。%の時はウィンドウに対する割合)
 align="□" (□には「left」や「center」、「right」が入る)
 noshade (影のない線(平面的)を指定する)

<hr size="5" width="70%">
<hr size="3" noshade width="90%">


行揃え

  書式:<center> 〜 </center>

  書式:<h◇ align="☆"> 〜 </h>

  書式:<p align="☆"> 〜 </p>

  書式:<div align="☆"> 〜 </div>

文字や画像は何も指定がないと左揃えで表示される。<center> 〜 </center>を使うと簡単に中央揃えになる。見出しの場合は<h◇ align="☆"> 〜 </h>(◇は1〜6までの数値、☆には「left」(左揃え)、「centr」(中央揃え)、「right」(右揃え)が入る)で指定する。段落あるいは特定の範囲を指定する場合は、「align」あるいは「div」を使う(☆の指定は「h◇」と同じ)。
<center>これは中央に来る</center>
<h2 align="center">これも中央</h>
<p align="right">これは右</p>
<div align="center">中央に戻る</div>
これは中央に来る

これも中央

これは右

中央に戻る
文字のサイズ変更1

  書式:<font size="☆"> 〜 </font>

☆には1〜7までの数値が入る。7が最大で1が最小。<font size"☆"> 〜 </font>で挟まれた文字の大きさが数値によって変わる。
文字サイズはこれが7で、これが6、この大きさが5で、これが4、3が標準の大きさで、これが2の小ささ、そして最小の1となる。
文字のサイズ変更2

  書式:<small> 〜 </small>

  書式:<big> 〜 </big>

<small> 〜 </small>タグで囲まれた文字は少し小さめの表示に、<big> 〜 </big>で囲まれた文字は少し大きめの表示になる。
文字サイズ少し小さめ少し大きめ
太字文字と斜体文字

  書式:<b> 〜 </b>

  書式:<i> 〜 </i>

太字(Bold) の指定は<b> 〜 </b>タグで囲む。斜体(Italic)の指定は<i> 〜 </i>で囲む。
文字のスタイル太字の指定斜体の指定
下線と抹消線

  書式:<u> 〜 </u>

  書式:<s> 〜 </s>

文字に下線(アンダーライン)を付ける時は<u> 〜 </u>タグで囲む。文字に線を引いて消したい場合は(抹消線)は<s> 〜 </s>で囲む。
文字に線を付けるアンダーライン抹消線

ブラウザの[戻る]で戻って下さい。