4-7 画像の貼り方

自作のイラストや写真、素材屋からダウンロードして来た画像をページ上に貼り付ける方法です。<img> 要素を使用致します。 (インライン要素です)。

<body> ~ </body> 内に記述して下さい。

<img src="画像のアドレス" width="横幅" height="縦幅" alt="画像の説明文">

4-7-1 具体的な見本

かぼちゃのアイコン

上記のアイコン(cabo.gif)を表示させたい場合 
<img src="cabo.gif" width="56" height="45" alt="かぼちゃのアイコン">
となります。もし、「img」というフォルダに入れていた場合は 『cabo.gif』 の所が 『img/cabo.gif』 となります。(当サイトの素材は全て直リンク防止処理を行っておりますので、画像が見えていらっしゃらない方は自己責任の元でお手持ちのセキュリティソフトの設定を変更下さい)

[ 関連事項 : FAQ(よくある質問) > 画像が表示されません ]