|
１．まずはブリンク･･･文字を点滅させます
<blink>点滅</blink>・・・点滅させたい文字をこのタグで囲めば
文字が点滅しました。でもこれはＩＥで見ると普通の文字にしか見えません。 |
|
２．とりあえず基本の基本で文字の飾り付け
<b>太字</b>
<i>斜体</i> <s>抹消線</s>
<u>下線</u> <sup>上付文字</sup>
<sub>下付文字</sub>
これで・・・
|
| |
３．文字サイズと文字色を変えるには・・・
<font size="4">大きな文字</font>
<font color="#4169e1">青い文字</font>
<font size="4" color="#4169e1">青色の大きな文字</font>これで・・・
fonto size は、だいたいどこのＨＰでもデフォルトは”３”になっている所が多いようです。
数値の指定は１〜７で数が大きい程文字も大きく、３以下だと小さくなります。
ｃｏｌｏｒは１６進数で指定する以外に、カラー名でも指定できます。
ブラウザで正常（意図した通り）に表示される色は２１６色です。
こちらにカラーチャートがありますので、興味がある方は確認してみてください。
|
|
|
４．区切り線の入れ方・・・
区切り線の基本は <hr> このように記述します。
アレンジとして・・・
<hr size="30">・・・線の太さを指定したり
<hr width="200">・・・横幅を指定したり
<hr size="10" noshade>・・・影をなくしたり
<hr size="10" color="#4169e1">・・・色を付けたりします。
上の４つはそれぞれ
このようになります。また、『色と太さ』や『太さよ長さ』など、複数をミックスする事も可能です。
|
|
|
５．リンクの張り方・・・
今開いているウインドウで開く場合･･･
ページ検索するなら<a href="http://www.google.com/intl/ja/">Google</a>で！
新しいウインドウで開く場合･･･
<a href="http://www.google.com/intl/ja/
"target="_blank">Google</a>
ＵＲＬ欄にサーバー内リンクなら相対パス、他のサーバーのＨＰへのリンクならフルパスを記入。
上記の《Google》の文字部分には好きな文字を書き込んで下さい。
補足ですが、このページもそうですが、よく下線が無いのにリンクが掛かってる物がありますが、
それはＣＳＳ（スタイルシート）って物が使ってあります。その方法は･･･
<a href="http://www.google.com/intl/ja/" style="text-decoration:none">Google</a>
これで下線が消えます→ Google
|
|
|
６．イメージ（画像）の貼付け
<img src="./http://***.***.ne.jp/**.gif">
サーバーに自分のスペースを持っているのなら、表示したい画像をサーバーにアップして、
その画像のＵＲＬを書き込みます。 |
|
|
７．クリックするとアラートが表示されるタグは
<FORM><INPUT type="button"
value="クリック" onClick="alert('分かった？')"></form>
と書き込むと
こうなります。
|
|
|
８．次はセンタリング
<center>真ん中</center>これで・・・
センタリングをかけないとブラウザの左に寄って表示されます。
|
|
|
９．マーキーの説明
でも これはIE以外で見るとただの文字（動かない）に見えます。 そこをご理解頂いたうえで･･･
<marquee >⌒(ﾟﾟ;)⌒スタコラ.......</marquee>って書くと・・・・
このタグを使って次ページでは、動く顔文字の作り方を解説します。 |
|
|
10．文字の装飾
以下はフィルタって言うタグで、IE以外だと普通の文字に見えてしまいますが・・・
10−1．色で囲んだ文字
<span style="width:100%; filter:glow(color=red)">
炎につつまれたような文字</span>
(color=red)の部分で囲む色を指定します
10−2．影付き文字
<span style="width:100%; filter:Shadow(color=silver)">
文字に影を付けます</span>
(color=silver)の部分で影の色を指定します
10−3．文字の上下反転
<span style="width:100%; filter:flipV"> メッチャ読みにくい</span>
10−4．文字の左右反転
<span style="width:200; filter:flipH"> これも読みにくいですよね </span>
|
|
|
11．おまけ(笑)
よく掲示板等で♥を見掛けますが、これは
<font size="5" color="#ff1493>"♥</font>
と記述します。これはシンボルフォントを使っていますので詳しく知りたい方は「Symbol」
のコーナーを参照してみてください。 |
