タグ(文字修飾とセンタリング)



[HTMLタグ] 文字を 「太字」 で表示する

このタグはこれです。文字を<b>「太字」</b>で表示する

 太くしたい文字を<b>と</b>でくくると、その文字を太く表示することができます。

ここから先が <b> 太く </b> なります。と書くと...ここから先が 太く なります。このように文字が太くなって表示されます。

 これも、強調とかに良いですね。さらにこれに色をつけたり大きくするととても目立ちます(笑)
ただ、難しい(画数の多い)漢字だと斜め表示になると、間隔がつぶれて文字が
読みにくくなりますのでお気をつけください。(文字が大きければいいのですけれどね)



●文字をセンタリング(中央揃え)したい

[HTMLタグ]
「センタリングする」


このタグはこれです。<center>「センタリングする」</center>

 センタリングしたい文字を<center>と</center>でくくると、 文字をセンタリングすることができます。

<center>中央に表示されます。</center>と書くと、このように
中央に表示されます。

と文字が中央揃えになって表示されます。

 これも時々使います。指定しないと左側に文字が寄りますよね。
左側にあるページの表示とかで、見えにくかったりするとか、
画面の真中にクローズアップして表示したいときに使います。
ただ、入れる文章が長いとこうなります。
こんな風に文章が長いと・・・。どうなるんでしょう?二行になるのかしら?それとも上手く半分に割って表示してくれるのかしら???センタリングって、便利なのかな?

だいたい普通はここまで長いものを書きませんけど・・・。
文が長くなると、一行の最大文字数で勝手に切られてしまいますので、
自分で同じ文字数に、とか、この辺で区切った方がいいと考えて改行を
入れたほうがきれいにまとまりますし、内容的にも読みやすいと思います。
あと、文がでこぼこすると目立ちますので、注意ですね。
でこぼこって、こんな感じ。

長さが合わないとこういう風にジグザグに表示されるのです。

これが

気になるようでしたら、文の長さも

どのくらいで切ろうか、揃えようかと考えた方がいいですね。

こんな風になりますので。(笑)



●文字を斜体で(ななめに傾けて)表示したい

[HTMLタグ] 文字を 「斜体で」 表示する

このタグはこれです。文字を<i>「斜体で」</i>で表示する

 斜体にしたい文字を<i>と</i>でくくると、その文字を斜体にすることができます。

ここから先が <i> 斜体に </i> なります。と書くと... 斜体に なります。このように文字が斜体になって表示されます。

 これも使われている方多いですよね。この拡張版として、フォント(字体)の指定もあります。
<font face="cursive">こんなフォント</font>にしてみますと、
このように表示されます。 こんなフォント
どう書かれていますか?(WINで、IEの方はちょっと違った文字がかかれていませんか?)
これは文字の字体を指定するものです。結構楽しくていいのですが、
WINとMAC、IEとネットスケープ、入っているワープロソフトの違いに
よっては表示されないものがありますので、使用の際はご注意ください。
字体フォントは、パソコン内で検索できるはずですので、ヘルプとかで見てみると
楽しいかもしれませんね。
どうしてもこのフォントで!!というのなら、最終手段。
文字としてではなくて、ロゴやアイコンなどにして画像として登録してしまえば、
どなたでも、どのパソコンでも、そのフォントで見ることが出来ます。(^_^)v



●文字にアンダーライン(下線)をつけたい

[HTMLタグ] 文字に 「アンダーライン」 をつける

このタグはこれです。文字に<u>「アンダーライン」</u>をつける

 アンダーラインしたい文字を<u>と</u>でくくると、その文字にアンダーラインをつけられます。

ここから先が <u> アンダーラインに </u> なります。と書くと...このように アンダーラインに なります。このように文字にアンダーラインがついて表示されます。

 これ、実は迷ったことがあります。
普通アンダーラインがかかれているのって、リンクのものが多いですよね。
特にリンクと同じ色でアンダーラインが書かれていると・・・(-_-;)
以前どうしてもジャンプできない!私のパソ壊れた?不具合???と
焦った事があります(恥)お使いになるときにはお気をつけください.
って、そんなことをするのは私だけかしら???(笑)
これ、アンダーラインと文字の色が違うようにできると面白いんですけれど、
どうやら出来ないようで、アンダーラインと文字の色は同じになります。



●文字に取り消し線をつけたい

[HTMLタグ] 文字に 「取り消し線」 をつける

このタグはこれです。文字に<s>「取り消し線」</s>をつける

 取り消し線をつけたい文字を<s>と</s>でくくると、 その文字に取り消し線がつけられます。

ここから先に <s> 取り消し線が </s> つきます。と書くと...このように 取り消し線が つきます。このように文字に取り消し線がついて表示されます。

 わざといい間違えたように、示唆するのに最適ですね。(笑)話を面白くする技で使えます。
ただ、色によってはとてつもなく読みにくくなりますので、一度表示して確認した方が良いかも(笑)
これも、本当は取り消し線(横線)と文字の色を変えられると嬉しいんですけど、
それは無理なのかしら?と思っていますが・・・。どうなんでしょうね。
う~~ん、無理みたいです。変えられると面白いんでしょうけれどね。
色合いがカラフルすぎて読みにくいかもしれないですけれど・・・。



© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: