ホーム＞コース別ガイド一覧＞HTML
画像の幅や高さを指定しましょう！（width属性、height属性） |
    |
使用タグ <img width="幅" height="高さ"> タグ … （src属性、alt属性）
前のページの使用例と同じ例に、画像の幅や高さを指定してみましょう！img 要素に、新たに width 属性、height 属性をしていします。幅は200px、高さも200pxに指定しています。
※表示例は前のページの表示例と変わりませんのでこちらを参照してください。
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<p>料理を少しおいしくするための<br>
ワンポイントを紹介します！
<p>おいしい<b>チャーハン</b>の作り方</p>
<img src="sample.jpg" width="200" height="200" alt="チャーハン">
</body>
</html> |
|
画像を元の大きさで表示する場合は、幅や高さを指定しなくてもいいの？
場合によります。画像をたくさん使い、デサイン性のある凝ったページを作る場合はブラウザでページを読み込む際に、レイアウトが崩れる場合がありますので、幅や高さを指定したほうがいいでしょう。逆にシンプルなページでは幅や高さを指定しなくても問題ありません。
関連情報ページ |
|
このタグによく使われるCSS |
|
|
|
|
その他 |
|
|
