WindowsLiveWriter(ウィンドウズライブライター)2011で画像リンクを挿入する方法

WindowsLiveWriter2011を使ってブログに画像とリンクを挿入する方法を解説している動画です。

タグ


よく使うHTMLタグ

リンクタグ

同枠で開く
<a href=”リンク先URL”>テキストや画タグ</a>

外枠で開く
<a href=”" target=”_blank”>テキストや画像タグ</a>

画像挿入タグ

<img src=”画像URL” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” />

<img src=”画像URL” alt=”キーワード等” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” alt=”宮嵜誠プロフィール画像” />

<img src=”画像URL” alt=”キーワード等” title=”タイトル” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” alt=”宮嵜誠プロフィール画像” title=”プロフィール” />

<img src=”画像URL” alt=”キーワード等” title=”タイトル” width=”幅(数字)” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” alt=”宮嵜誠プロフィール画像” title=”プロフィール” width=”128″ />

<img src=”画像URL” alt=”キーワード等” title=”タイトル” width=”幅(数字)” height=”高さ(数字)” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” alt=”宮嵜誠プロフィール画像” title=”プロフィール” width=”128″ height=”52″ />

<img src=”画像URL” alt=”キーワード等” title=”fuji-main.jpg” width=”300″ height=”52″ class=”その他の情報” />
例)<img src=”http://m-affili.com/wp-content/uploads/2012/01/miyazaki160-4.jpg” alt=”宮嵜誠プロフィール画像” title=”プロフィール” width=”128″ height=”52″ />

画像をリンクにする場合は、
<a href=”リンク先URL”>こちら</a>
に上記のような画像タグを入れます。

タグ


2012年3月5日 | コメント/トラックバック(0)|

カテゴリー:HTML 解説

このページの先頭へ