ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)

初心者のブログ作成 HTMLタグ研究所! サイト マップ お問い合せ LINK
HTMLタグの他にPC・インターネット関連用語集や便利なショートカットキー一覧 ・ 無料で利用できる便利なサイトも紹介してるのでゆっくり見て下さい!



フォントタグ


フォント応用編(文字の色・サイズを変える)の説明と例


★先に説明した文字のサイズ変更と色を変えるの組み合わせ編です!


<Font Size="1〜7">サイズを変えたい文字</Font>と


<Font Color="カラーコード">色を変えたい文字</Font>


例)上記の2つHTMLタグを合体させます!


<Font Size="1〜7" Color="カラーコード">変えたい文字</Font>


例1)初心者のブログ作成を文字サイズ5+色を青に変えます!


<Font Size="5" Color="#0000ff">初心者のブログ作成</Font>


初心者のブログ作成


例2)更に応用してブログ作成 HTMLタグ研究所!のブログを文字サイズ4+色を赤に変えてHTMLを文字サイズ5+色を青に、研究所を文字サイズ6+色を赤にします!


HTMLタグ

<Font Size="4" Color="#ff0000">ブログ</Font>作成 <Font Size="5" Color="#0000ff">HTML</Font>タグ<Font Size="6" Color="#ff0000">研究所</Font>!


変換後

ブログ作成 HTMLタグ研究所


スポンサード リンク



フォントサイズ別+カラーコードのHTMLタグ
希望のサイズのHTMLタグをマウスでコピーしてHTMLタグ練習ページなどに貼り付けてここに文字の部分を消して好きな文字・文章などを入れて下さい!
カラーコードについてはカラーコード表から好きな色を選んでマウスでコピーしてから
#(シャープ)の後のカラーコードと書かれた部分を消して貼り付けて下さい!
サイズ1のHTMLタグ
<Font Size="1" Color="#カラーコード">ここに文字</Font>
サイズ2のHTMLタグ
<Font Size="2" Color="#カラーコード">ここに文字</Font>
サイズ3のHTMLタグ
<Font Size="3" Color="#カラーコード">ここに文字</Font>
サイズ4のHTMLタグ
<Font Size="4" Color="#カラーコード">ここに文字</Font>
サイズ5のHTMLタグ
<Font Size="5" Color="#カラーコード">ここに文字</Font>
サイズ6のHTMLタグ
<Font Size="6" Color="#カラーコード">ここに文字</Font>
サイズ7のHTML
<Font Size="7" Color="#カラーコード">ここに文字</Font>
スポンサード リンク


HTMLタグを使う場合の注意点!

HTMLタグを使う場合の入力方法は半角英数字です。 基本となるHTMLタグはコピー・貼り付けで構いませんがサイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないので注意して下さい!

また、HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は無いので気にしないで下さい。

HTMLタグには
開始タグ終了タグがあります。

例)<Font Size="1〜7">〜</Font> 最初の
<Font Size="1〜7">が開始タグで後の/スラッシュが付いた</Font>が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあるので気をつけましょう!

その他に、基本のHTMLタグの
<>←カッコ、"←ダブル クォーテーションやHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとHTMLタグが正しく表示されないので注意して下さい。

上記のミスが非常に多いので作成の際はPCのメモ帳などを利用してHTMLタグの見直しをして下さい。

また、正しく表示できない場合も
基本のHTMLタグやここで説明した内容を確認してみて下さい!

HTMLタグは最初は見なれない文字や記号が多いので意味が解らないと思いますが使用しているうちになれて読めるようになります。 少しずつ落ち着いて作業して下さい!


Copyright (C) 初心者のブログ作成 HTMLタグ研究所! All Rights Reserved. |