| |
|
ＨＴＭＬの基本構造は、次のようになっています。
| |
ＨＴＭＬの基本構造について |
| |
<html>
<head>
<title>ここにはページのタイトルを書きます</title>
</head>
<body>ここにはページの内容を書きます</body>
</html> |
別ページで解説したＨＴＭＬのサンプルファイルを用いて、そこに画像を貼ってみることにしましょう。
基本的な書式は以下の通りです。
| |
ＨＴＭＬの基本構造について |
| |
<html>
<head>
<title>ここにはページのタイトルを書きます</title>
</head>
<body>ここにはページの内容を書きます
<img src="画像ファイルの場所とファイル名"
alt="画像の代わりに表示される文字（画像についての簡単な説明）">
</body>
</html |
| |
|
| |
以下はサンプルデータ（sample.htm）です。
sample.htmがあるフォルダ内にimagesフォルダを作成し、その中にl14_16s.jpg（L14_16S.JPG）という名前で保存してあります（実際には半角英数小文字のファイル名です）。
<html>
<head>
<title>ここにはページのタイトルを書きます</title>
</head>
<body>
<br>
ここにはページの内容を書きます<br>
<br>
<img src="images/l14_16s.jpg" alt="画像の代わりに表示される文字（画像についての簡単な説明）">
</body>
</html>
|
| <<参考>> |
| １． |
基本の記述形式は右の通り、<img src="" alt=""> |
| ２． |
<img src=""の中には画像ファイルの場所とファイル名を記述 |
| ３． |
alt=""の中には画像の代わりに表示される文字（画像についての簡単な説明）を記述 |
| ４． |
その他の記述項目として次のようなものがあります。
| height="画像の高さのピクセル数またはウィンドウに対する％" |
| width="画像の幅のピクセル数またはウィンドウに対する％" |
| align="leftまたはright" |
| border="線の太さ(ピクセル数)" |
| hspace="画像の左右の間隔" |
| vspace="画像の上下の間隔" |
| |
|
| |
|
| |
タグを用いて画像を貼り付ける方法について理解している生徒は、分からなくて『困っている友達』に教えてあげて下さい。 |
|
|