💡

[HTML]画像挿入

2021/10/09に公開

画像挿入
・HTMlでの画像挿入にはimgタグ。src属性, alt属性, title属性
1 src(画像の指定)
・画像や文章など、表示したいファイルの出どころを指定。指定する際は絶対パス、相対パスのどちらでも可能。
相対パスの場合googleじゃ、実行するHTMLファイルの格納位置で変わるので注意。
2 alt(画像の説明文を記載)
・Googleの検索エンジンはこの属性で何の画像かを判断する。画像が表示されなかった時にもこの属性が表示される。title属性よりも詳細な内容を表示する。
3 title(タイトルを設定する)
・画像やリンク先のタイトルを表示する。マウスカーソルを画像に合わせると吹き出し形式で表示される。
4 width, height(画像幅、画像の高さを指定)
・大きさを変更しない場合でもサイズ指定を行う

「画像の上に文字を重ねる方法」
1 画像表示
2 文字を表示する
3 画像の上に文字を重ねる
「position: relative」と「position: absolute」を使用する。

Discussion