概要
・ブラウザの文書に画像を埋め込みます。
ファイル構造
Webフォルダ index.html・・・このファイルにHTMLを書いていく。CSSフォルダ style.css・・・ここにスタイルを書いていく
imgフォルダ 画像ファイル・・・ここに画像ファイルを入れる。
※今回、の画像ファイルをつかう設定。
属性の解説
src属性：画像ファイル指定
＜img src="/img/眠い猫.jpg" alt="眠い猫の画像" width="160" height="160"＞
alt属性：画像の代替分の指定
＜img src="/img/眠い猫.jpg" alt="眠い猫の画像" width="160" height="160"＞
width属性：表示幅サイズ
＜img src="/img/眠い猫.jpg" alt="眠い猫の画像" width="160" height="160"＞
※px値で指定（pxを記載せず、数字のみ）
height属性
＜img src="/img/眠い猫.jpg" alt="眠い猫の画像" width="160" height="160"＞
※px値で指定（pxを記載せず、数字のみ）
表示イメージ
語源
＜img＞タグの語源
Embedded Images
読み方：エンベデッド イメージ
意 味：埋め込み画像
src属性の語源
source
読み方：ソース
意 味：情報ソース（もと）
alt属性の語源
Alternative text
読み方：オルタナティブ テキスト
意 味：代替テキスト
書き方
<img src="/img/眠い猫.jpg" alt="眠い猫の画像" width="160" height="160">
