imgタグとは
imgタグとは、画像を表示させるタグのことです。
画像の作成方法
まず、画像を作成します。画像の作成には主に「写真を撮る」「無料素材を利用する」「有料素材を利用する」「Illustratorで自分で作成する」「インターネットからキャプチャーする」などがあります。最後の場合、著作権には気をつけましょう。
ホームページに使う画像ファイル
画像は、gifかjpgかpngにしてください。gifとは、256色以下の画像を扱うことができるファイルで、透過性があります。軽いのがメリットですが、色が綺麗に出ないことがあります。単色のボタンなどに使うのがオススメです。
jpgは、最も使われている画像ファイル。
pngはjpgのように綺麗に色が出て、かつ透過性があるファイルです。いいことばかりのように思えますが、容量が重いのがデメリットです。透過性のある表現をしたいときは、pngファイルを使います。
i㎎タグ
画像を挿入したい場所に
などのようにタグを書きます。
最初の「..」は、今のページの一つ上という意味です。次の「images」は、画像があるファイルのことです。階層というのは、地味なのですがこれがわからないと画像も表示されないですし、CSSなども関係してくるので、よく把握しておきましょう。
widthというのは幅で、heightというのは高さです。この大きさで、画像が表示されるという意味です。書いても書かなくてもいいのですが、たまに書かないと画像が表示されないことがあるので、書いておいたほうがいいでしょう。
最後のaltは画像の説明です。画像が表示されなかったときに表示されたり、SEO的にもプラスになるので、書いておいたほうがいいでしょう。
テンプレートを使ってしまうのも
初心者がゼロからホームページを作成するのはなかなか難しいもの。
そこで、テンプレートを使ってしまうのもアリだと思います。
テンプレートを使って始めて、やる中でHTML、CSS、デザインにも慣れていくという。オススメは賢威で、このサイトも賢威で作っています。
24,800円は高いと思うかもしれませんが、デザイン代とSEO対策代、今後のアップデートも全部対応されると考えれば、そんなに高くない気もします。
初心者向けホームページ作成方法