HTMLの画像タグとリンクがわからない!

HTMLの画像タグとリンクがわからない!

どうも、ミネコです。

 

たとえ無料ブログしか使っていない、としても

HTMLタグの初歩の初歩は理解しておいたほうがよいですね~

 

なんで今さらこんなことを書いているかといえば

今朝、旦那が「バナーが貼れない・・・」

悩んでいたんです。

 

旦那はFC2で地域情報のブログを運営しています。

 

で、そのサイドバーに、あるサイトのバナーを貼りたくて、

写真をサーバーにアップロードしたはいいが、

「その写真にリンクを貼る」というところでつまづいていました。

 

 

で、改めて聞かれると

私もなんだか自信がなくなってしまったんです 爆

 

 

アフィリ歴6年なんですけどね~ (恥)

 

 

HTMLタグとかについては、未だになんとなーく使っているだけで・・・

実は、今ひとつ仕組みがわからない・・・

 

 

というわけで、覚書きとして、

画像のタグとリンクの貼り方について書いておきます。

 

HTMLの画像タグとリンク

 

まずは、画像タグから

 

<img src=”(場所+画像ファイル名)” alt=”(画像代替文字)” width=”(幅)” height=”(高さ)”>

 

表示したい画像をアップロードしたURLを

(場所+画像ファイル名)に入れます。

 

次に、この画像タグをクリックした時に、

別のページに飛ぶようにリンクを貼りましょう。

 

タグは以下のようになります。

(赤字は、上記の画像タグの部分。)

 

<a href=”(飛ばしたいページのurl)”><img src=””alt=””></a>

 

こうやって、全体の仕組みを見てみると、

結構簡単ですよね?

 

パソコン苦手意識のある旦那も納得していました。

 

お役に立てれば幸いです^^ ではまた。

*
*
* (公開されません)