ブログ作成に必要な基本的なＨＴＭＬタグについて説明してます！（ＨＴＭＬフォントレイアウトリンク・画像テーブルなど）

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

リンク・画像タグ

画像をリンク用に使う！

<A Href="URL"><Img Src="画像"></A>の説明と例

★お気に入りの画像をリンクタグとして使いたい場合に使います！

<A Href="URL"><Img Src="画像のアドレス"></A>

例）当サイトのバナーを使ってリンクを作成したいと思います！

上記の画像のHTMLタグ

例）上記の画像タグを使い初心者のブログ作成ＨＴＭＬタグ研究所！へのリンクを作成します。

HTMLタグ表示

★上記のやり方で普通にリンクを作った場合は下の画像１ようにブルーのリンク枠が付いてしまいます。

そのままリンクを作成した場合
	←画像１

次に説明する内容で作成した場合
	←画像２

★ 上の画像２のようにする方法は画像のHTMLタグにBorder="0"と入れないとダメです！

Border="0"を入れる前の画像HTMLタグ

Border="0"を入れた画像HTMLタグ

Border="0"を入れた部分を拡大

"31" Border="0">

★ Border="0"を入れる場合の注意点！

画像タグ内の画像アドレスの最後の"の後に半角スペースを空けて上のように入力して下さい！

スポンサード　リンク

リンクタグのHTML

利用したいリンクタグのHTMLタグをマウスでコピーしてHTMLタグ練習ページなどに貼り付けてURL（アドレス）の部分を消して移動先のアドレスを入れて下さい！　次に画像のアドレスの部分を消して使う画像のアドレスを入れて下さい！　説明文を入れる場合はもっと便利なリンクタグを参考にして下さい！

画像リンクタグのHTMLタグ枠あり（ノーマル）

画像リンクタグのHTMLタグ枠なし

説明文を入れた画像リンクタグのHTMLタグ

これを参考にして下さい！

画像のアドレスをマウスで切り取る場合、下の赤字部分を切り取って下さい！

<IMG src="http://pub.ne.jp/htmltag/image/user/1185717629.gif" width="88" height="31">

切り取った後の画像タグこれと同じ状態になるようにして下さい！

<IMG src="">

切り取った画像のアドレスこれを上記のHTMLタグに入れます。

http://pub.ne.jp/htmltag/image/user/1185717629.gif" width="88" height="31

スポンサード　リンク

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

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

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

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

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

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

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

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

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

ページトップ

[PR] トランクルーム

ブログ作成に必要な基本的なＨＴＭＬタグについて説明してます！（ＨＴＭＬ フォント レイアウト リンク・画像 テーブルなど）

ブログ作成に必要な基本的なＨＴＭＬタグについて説明してます！（ＨＴＭＬフォントレイアウトリンク・画像テーブルなど）