画像のタグ

♪ HTMLファイルを作ってみよう

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>HPのタイトルを入れます</title>
</head>
<body>

この場所が、表示される画像のソースを入れる部分です。

</body>
</html>

■ 画像を表示する

タグのソース	ブラウザ表示
<IMG SRC="画像ファイルの名前">

■ 画像の枠の太さを指定する　0だとなくなります。

タグのソース	ブラウザ表示
<IMG SRC="画像ファイルの名前" BORDER="1">

■ 画像にマウスがふれるとコメント表示

タグのソース	ブラウザ表示
<IMG SRC="画像ファイルの名前" ALT="コメント">

■ 画像の大きさを指定する

タグのソース
<IMG SRC="画像ファイルの名前" WIDTH="横幅" HEIGHT="縦幅">

■ 画像の配置を指定する

タグのソース	ブラウザ表示
<div align="left"><IMG SRC="画像ファイルの名前"></div>
<div align="center"><IMG SRC="画像ファイルの名前"></div>
<div align="right"><IMG SRC="画像ファイルの名前"></div>