logo

その他にもどる

その他

このページには、補足的なことを掲載 とりあえず、
 ■ホームページに画像を挿入する
 ■HTMLファイルの先頭部分に記載すること
 ■HTMLファイルに注釈を入れたい場合

ホームページに画像を挿入する

左の画像のファイル名が kome.gif だったとすると、
<html>
<head>
<title>マイ・ホームページ</title>
</head>

<body>
下はお米と赤トンボです
<img src="kome.gif" border="0">
</body>

</html>
<img src="  画像のアドレス  "> のタグは <hr> などと同じように、HTML構文の特徴「開けたら閉める」 の 「閉める」の部分はない

もしファイルが image というフォルダーにあった場合は、
<img src="./image/kome.gif" border="0>


↑PageTop

HTMLファイルの先頭部分に記載すること

例えば、
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta name="keywords" content="ホームページ,CSS,CGI,">
<meta name="description" content="ホームページ作成について説明しているサイトです">
<link rel="stylesheet" href="kira.css" type="text/css">
<title>マイ・ホームページ</title>
</head>
以下は省略

下が比較的解り易いので参考

★HTMLタグリファレンス

↑PageTop

HTMLファイルに注釈を入れたい場合

「ファイルには書き残しておきたいが、画面には表示させたくない」 のような時は、
<html>
<head>
<title>マイ・ホームページ</title>
</head>
<body>

下はお米と赤トンボです
<img src="kome.gif" border="0>  <!-- 左はお米と赤トンボの画像 -->

</body>
</html>
上で、<!-- と --> にくくられた部分の「左はお米と赤トンボの画像」という部分は表示されない

---- End ----

↑PageTop その他にもどる