実践コーディングスキル - 第2章 Lesson1

第10回:メイン画像を表示させてみよう

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

メイン画像を作成する方法を、初心者向けに解説しています。
ここでは、imgタグを使って実際に画像を表示させていきます。



この動画で学べること

・Webサイトのメイン画像を表示させる方法



Webサイトのメイン画像を表示させよう

Webサイトのメイン画像を表示させてみましょう。
画像はimagesフォルダの中のmainimage.jpgというファイルです。
<div>id名mainimageの中に<img>タグを書き、画像のパスを指定してください。
また、必ずalt属性を追加して、画像の説明分を書くようにしましょう。



<div id="mainimage">
<img src="images/mainimage.jpg" alt="メインイメージ" >
</div>



保存してブラウザで見てみましょう。
メイン画像が上手く表示されたら、今回は完成です。