imgタグとは

imgタグとは、画像を表示させるタグのことです。

画像の作成方法

まず、画像を作成します。画像の作成には主に「写真を撮る」「無料素材を利用する」「有料素材を利用する」「Illustratorで自分で作成する」「インターネットからキャプチャーする」などがあります。最後の場合、著作権には気をつけましょう。

ホームページに使う画像ファイル

画像は、gifかjpgかpngにしてください。gifとは、256色以下の画像を扱うことができるファイルで、透過性があります。軽いのがメリットですが、色が綺麗に出ないことがあります。単色のボタンなどに使うのがオススメです。

jpgは、最も使われている画像ファイル。

pngはjpgのように綺麗に色が出て、かつ透過性があるファイルです。いいことばかりのように思えますが、容量が重いのがデメリットです。透過性のある表現をしたいときは、pngファイルを使います。

i㎎タグ

画像を挿入したい場所に

imgタグ

などのようにタグを書きます。

最初の「..」は、今のページの一つ上という意味です。次の「images」は、画像があるファイルのことです。階層というのは、地味なのですがこれがわからないと画像も表示されないですし、CSSなども関係してくるので、よく把握しておきましょう。

widthというのは幅で、heightというのは高さです。この大きさで、画像が表示されるという意味です。書いても書かなくてもいいのですが、たまに書かないと画像が表示されないことがあるので、書いておいたほうがいいでしょう。

最後のaltは画像の説明です。画像が表示されなかったときに表示されたり、SEO的にもプラスになるので、書いておいたほうがいいでしょう。

テンプレートを使ってしまうのも

初心者がゼロからホームページを作成するのはなかなか難しいもの。

そこで、テンプレートを使ってしまうのもアリだと思います。

テンプレートを使って始めて、やる中でHTML、CSS、デザインにも慣れていくという。オススメは賢威で、このサイトも賢威で作っています。

24,800円は高いと思うかもしれませんが、デザイン代とSEO対策代、今後のアップデートも全部対応されると考えれば、そんなに高くない気もします。


初心者向けホームページ作成方法
サブコンテンツ

このページの先頭へ