4-7 画像の貼り方
自作のイラストや写真、素材屋からダウンロードして来た画像をページ上に貼り付ける方法です。<img> 要素を使用致します。 (インライン要素です)。
<body> ~ </body> 内に記述して下さい。
<img src="画像のアドレス" width="横幅" height="縦幅" alt="画像の説明文">
- 「画像の説明文」 以外は全て
必ず半角の英数字で記載して下さい。(全角文字を使用するとエラーが出ます) - 「width:横幅」 と 「height:縦幅」 は書いていなくても
画像は表示されますが、書いていた方が画像の読み込みが早いと云われております。出来るだけ記述するようにして下さい。 - 「alt」に関する記述はこちらをご覧下さいませ。
[ 関連事項 : HP-TIPS > HTMLファイルの作成 > altは必ず書く ]
4-7-1 具体的な見本
上記のアイコン(cabo.gif)を表示させたい場合
<img src="cabo.gif" width="56" height="45" alt="かぼちゃのアイコン">
となります。もし、「img」というフォルダに入れていた場合は 『cabo.gif』 の所が 『img/cabo.gif』 となります。(当サイトの素材は全て直リンク防止処理を行っておりますので、画像が見えていらっしゃらない方は自己責任の元でお手持ちのセキュリティソフトの設定を変更下さい)
[ 関連事項 : FAQ(よくある質問) > 画像が表示されません ]