2010年10月 のアーカイブ | ブログアフィリエイトで稼ぐ3つのポイントをオタク主婦が公開中

画像のサイズを変更する

画像のサイズを変更したいときは

<img src="画像のURL" width=横の長さ height=高さ alt="画像の説明" />
width=横の長さ
height=高さ
横の長さと高さを変更します。

スーパー花
この画像のサイズを変更したい時は

<img src="http://1hana.info/wp-img/superhana.gif" width=50 height=73 alt="スーパー花" />
ちっちゃくなりました^^
スーパー花

横と高さの比率が変わると変形してしまうので気をつけて下さいね^^

<img src="http://1hana.info/wp-img/superhana.gif" width=100 height=73 alt="スーパー花" />
スーパー花
でぶった(笑)

パソコンに保存している画像のサイズを確認したい時は
画像の上で右クリック→一番下のプロパティをクリック→概要→幅・高さでわかります。
(概要でわからないときは簡易版になっているので詳細設定をクリックして下さいね。)

画像(img)を表示させる

撮った写真やイメージ画像を表示させるタグは

<img src="画像のURL" width=横の長さ height=高さ alt="画像の説明" />

これで画像が表示されます。
実際に表示されるのはこのようになります。
 ↓
スーパー花

画像のURLが違っていると「alt」で設定した文字が表示されます。
スーパー花

<img src="http://1hana.info/wp-img/superhan.gif" width=120 height=174 alt="スーパー花" />

テキストリンクの貼り方

テキスト(文字)にリンクを貼りたい時は

<a href="http://ここにリンク先URL">ここにテキスト</a>

これでテキストリンクができます。

実際に表示されるのはこのようになります。

ここにテキスト

よく使うタグなのでメモ帳などに貼り付けておくと便利です^^

ブログアフィリエイトで稼ぐ3つのポイントをオタク主婦が公開中 TOP » 2010年10月 のアーカイブ

大賞受賞一覧