ホームページの華やかさを担う画像表示、素敵なサイトへの重役です。

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