2012年11月20日
画像を張る
【ソース】
<img src="画像URL">
<img src="画像URL" border="枠線" >
<img src="画像URL" alt="代替テキスト" >
<img src="画像URL" width="サイズ" height="サイズ">
【説明】
画像を表示する場合に使用します。
使用できる画像形式は、gif、jpg、pngとなります。
borderを設定すると画像に外枠線が表示されます。
altは、画像が表示されないときに表示される代替えテキストです。
サーチエンジンにもヒットしますから、なるべく設定をする方がよいでしょう。
widthとheightのサイズの設定は、ピクセルもしくは%で設定します。
予め、適切な画像サイズを設定しておくと、表示スピードが上がります。
%で拡大、縮小表示をしても元の画像は変わりませんので、
ファイルサイズが変更することはありません。
【サンプル】
▼サンプルページのリンクを以下で指定します
通常表示<br>
<img src="img/sample_1.jpg" alt="サンプル"><br>
<br>
枠線設定<br>
<img src="img/sample_1.jpg" alt="サンプル" border="1"><br>
<img src="img/sample_1.jpg" alt="サンプル" border="5"><br>
<br>
サイズ指定<br>
<img src="img/sample_1.jpg" alt="サンプル" width="66" height="54"><br>
<img src="img/sample_1.jpg" alt="サンプル" width="33" height="23"><br>
<img src="img/sample_1.jpg" alt="サンプル" width="25%" height="25%"><br>
画像の表示ついては、 Htmlタグ辞典 を参照ください。
<img src="画像URL">
<img src="画像URL" border="枠線" >
<img src="画像URL" alt="代替テキスト" >
<img src="画像URL" width="サイズ" height="サイズ">
【説明】
画像を表示する場合に使用します。
使用できる画像形式は、gif、jpg、pngとなります。
borderを設定すると画像に外枠線が表示されます。
altは、画像が表示されないときに表示される代替えテキストです。
サーチエンジンにもヒットしますから、なるべく設定をする方がよいでしょう。
widthとheightのサイズの設定は、ピクセルもしくは%で設定します。
予め、適切な画像サイズを設定しておくと、表示スピードが上がります。
%で拡大、縮小表示をしても元の画像は変わりませんので、
ファイルサイズが変更することはありません。
【サンプル】
▼サンプルページのリンクを以下で指定します
通常表示<br>
<img src="img/sample_1.jpg" alt="サンプル"><br>
<br>
枠線設定<br>
<img src="img/sample_1.jpg" alt="サンプル" border="1"><br>
<img src="img/sample_1.jpg" alt="サンプル" border="5"><br>
<br>
サイズ指定<br>
<img src="img/sample_1.jpg" alt="サンプル" width="66" height="54"><br>
<img src="img/sample_1.jpg" alt="サンプル" width="33" height="23"><br>
<img src="img/sample_1.jpg" alt="サンプル" width="25%" height="25%"><br>
画像の表示ついては、 Htmlタグ辞典 を参照ください。
【ブログ・制作Tip！の最新記事】
この記事へのコメント