最短でイメージ画像を差し替えるコツ

イマドキの手に職って、ITエンジニアだと思う【IT派遣テクノウェイブ】

【振り返り】

テキストを差し替えるコツはつかめたでしょうか？

白い文字の部分のみを変更して保存すれば大丈夫です。

また、入れ子（ネストとも言う）構造や全角になってないか確認してくださいね。

ーーーーー

今回は最短で画像を差し替えるコツをお伝えします。

Webページは主に画像とテキストがコンテンツ（内容）です。

画像データは画像がまとまって入っているフォルダに入っています。

そこからHTMLファイルへリンクして表示させています。

まず、差し替え後に使用する画像データを画像フォルダに入れます。

おそらく画像フォルダの名前はimgフォルダまたはimagesフォルダ

になってるかと思います。

画像を表示させる方法はimg（イメージorアイエムジー）タグを使用します。

｜例として

<img src="images/old.jpg">

と言う記述があったとします。

この中のold.jpgを変更すれば良いのです。

差し替え後に使う画像をimgフォルダに入れてから

<img src="images/new.jpg">

表示させたい画像の名前を指定してあげれば良いのです！

もちろん、ちゃんと保存してからブラウザで確認してくださいね！

ちなみにalt="株式会社デザート"となってるalt（オルト）属性は

画像が表示されない場合にテキストで表示されます。

また、SEO的にも有効なので出来る限り内容を指定してあげましょう。