画像を表示する。
|
<img src="〜.gif"> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<img src="a003ani.gif">
</body>
</html>
|
像ファイルを指定。(gif png jpg)
(ファイル名指定は相対パスもしくは絶対パス) |
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
ホームページ作成中。頑張ります! 
|
|
画像表示位置を指定する。
|
<img src="〜.gif"
align="★"> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<img src="a003ani.gif"
align="right">綺麗な花
</body>
</html>
|
|
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
ホームページ作成中。頑張ります! 綺麗な花
|
|
画像の余白を指定を指定する。 |
<img src="〜.gif"
hspace="★" vspace="☆"> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<img src="a003ani.gif"
hspace="5" vspace="5">綺麗な花
</body>
</html>
|
画像指定には同一ディレクトリにある場合はファイル名指定。
それ以外の場合はURLから指定する。 |
★=縦の余白をピクセル単位で指定
☆=横の余白をピクセル単位で指定
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
ホームページ作成中。頑張ります! 綺麗な花
|
|
画像の表示サイズを指定する。
|
<img src="〜.gif"
width="★" height="☆"> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<img src="a003ani.gif"
width="50" height="50">
</body>
</html>
|
|
★=横のサイズをピクセル指定
☆=縦のサイズをピクセル指定
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
ホームページ作成中。頑張ります! 綺麗な花
|
|
画像上で右クリックを禁止する。(閲覧者による保存・直リンク防止策。)
|
<img src="〜.gif"
onContextmenu="return false"> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<img src="a003ani.gif"
onContextmenu="return false">
</body>
</html>
|
|
↓試しに画像上で右クリックしてみて下さい。何も表示されません。
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
ホームページ作成中。頑張ります! 
|
|
画像にリンクする。 |
<a href="◆"><img
src="★"></a> |
<html>
<head>
<title>あなたのホームページ</title>
</head>
<body>
リンクページ
<br>
<br>
<a href="◆"><img
src="★"></a>
</body>
</html>
|
|
画像をクリックリンクに指定する場合は
リンクタグと組み合わせて
◆=リンク先アドレス
★=画像URL →リンク編
あなたのホームページ Internet
Explorer |
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
リンクページ
|
|