ホームページ制作・ビジネスブログ(商用ブログ)構築-有限会社電子広告技術[福岡県大牟田市]

HTMLタグ手帳の利用について

このページはコンテンツのエントリー記事を作成する際に簡単にできる文字のスタイルの変更について述べています。

文字を太字にする、イタリック体にする、アンダーラインを引く、リンクを貼るなどのことは基本機能としてできますが、色や大きさを変えたい場合はエントリー入力部分でHTMLタグを使って行うことになります。

HTMLの知識のない方でも最も簡単にできる基本的な方法を書いておりますので、ご参考にしてください。

※HTMLやCSSの知識がある方は、必ずしもここに書いてある方法で行う必要はありません。自由にエントリーの作成・編集をおこなう事ができます。

文字のサイズを変える

文字の大きさを変化させたい場合は以下のように行ってください。

1.文字の大きさを変えたい箇所を<font size="＊">と</font>という記号ではさみこみます。
記号はすべて半角です。＊には1～7の数字が入り数字が小さい数ほど文字は小さく、大きい数ほど大きく表示されます。
2.エントリーを公開状態で保存してインターネットブラウザで表示を確認し、必要があれば数字の修正を行ってください。

実行例：
入力：このように<font size="1">文字の大きさ</font>を変えます。
⇒表示：このように文字の大きさを変えます。

入力：このように<font size="2">文字の大きさ</font>を変えます。
⇒表示：このように文字の大きさを変えます。

入力：このように<font size="3">文字の大きさ</font>を変えます。
⇒表示：このように文字の大きさを変えます。

入力：このように<font size="4">文字の大きさ</font>を変えます。
⇒表示：このように文字の大きさを変えます。

入力：このように<font size="5">文字の大きさ</font>を変えます。
⇒表示：このように文字の大きさを変えます。

文字の色を変える

文字の表示色を変えるのも、大きさを変える方法と少し違うだけで簡単にできます。

1.文字の色を変えたい箇所を<font color="＊">と</font>という記号ではさみこみます。
記号はすべて半角です。＊にはredやblueなどの英語による色名（カラーネーム）が入り記号ではさんだ部分がその色で表示されます。
2.エントリーを公開状態で保存してインターネットブラウザで表示を確認し、必要があれば色の修正を行ってください。

下記に主な色の英語名（カラーネーム）を示しておきますので参考にしてください。
以下16色はカラーネームのみの指定ですべてのブラウザで問題なく表示される色です。
色名での指定のほかに色記号（カラーコード）を入力しても表示されます。

実行例：
入力：このように<font color="red">文字の色</font>を変えます。
⇒表示：このように文字の色を変えます。
入力：このように<font color="blue">文字の色</font>を変えます。
⇒表示：このように文字の色を変えます。
入力：このように<font color="green">文字の色</font>を変えます。
⇒表示：このように文字の色を変えます。

取り消し線を文字にほどこす

文字に取り消し線（抹消線）をほどこす場合は以下のように行ってください。

1.文字に取り消し線を施す部分を　<s>と</s>　という記号ではさみこみます。記号はすべて半角です。
※<strike></strike>でも代用可能です。
2.エントリーを公開状態で保存してインターネットブラウザで表示を確認し、必要があれば修正を行ってください。

実行例：
入力：このように<s>特定の文章に取り消し線</s>をほどこします。
⇒表示：このように特定の文章に取り消し線をほどこします。