シェアする

  • このエントリーをはてなブックマークに追加

画像のタグ(イメージタグ)【保存版】

シェアする

  • このエントリーをはてなブックマークに追加
  • 19
image-tag-00-web


どうも、ジョニー@creatorcheck)です。

今回も、基本中の基本!

画像のタグ(イメージタグ)のご紹介です。

いちいちタグを打ち込むのは面倒なので、このページをブラウザでお気に入りして、必要な時にコピペして使ってください。

目次にある項目をクリックすると
解説ページに飛びますよ。
johnny-c

画像を表示する

画像を表示するためには、IMGタグを使用します。外部から画像を読み込むために指定する必要があります。 そこで「src=””」という属性を追加して、サーバー上の画像の保存場所を指定します。

記述例

<img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg”>

実際の見え方

image-tag-01-web

タグをコピーする

<img src="表示したい画像の保存場所を指定する">

画像にマウスがふれるとコメント表示

記述例

<img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg” alt=”コメント”>

実際の見え方

コメント

タグをコピーする

<img src="表示したい画像の保存場所を指定する" alt="コメント">

画像の大きさを指定する

記述例

<img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg” width=”200″ height=”150″>

実際の見え方

タグをコピーする

<img src="表示したい画像の保存場所を指定する" width="横幅" height="縦幅">

画像の配置を指定する

記述例

<div align=”left”><img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg”></div>
<div align=”center”><img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg”></div>
<div align=”right”><img src=”http://www.creatorcheck.net/img/image-tag-01-web.jpg”></div>

実際の見え方

タグをコピーする

<div align="left"><img src="表示したい画像の保存場所を指定する"></div>
<div align="center"><img src="表示したい画像の保存場所を指定する"></div>
<div align="right"><img src="表示したい画像の保存場所を指定する"></div>

まとめ(感想)

今回ご紹介した画像のタグ(イメージタグ)を自分なりに活用してみてください。使い方次第では、新たな発見ができたり楽しいかも!?

johnny-tubuyaki
コピペしてバンバン使ってね!

売れてるWordPressの教本

画像のタグ(イメージタグ)【保存版】
この記事をお届けした
クリエイターチェックの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク