 画像を表示する。
|
<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) |
リンクページ
|
|
