1.画像の表示   <img src = "画像ファイル名">

HTMLの指定
画面表示

<img src="logo.gif" >

   ◇src → 画像ファイルの名称(ソース)

<img src="logo.gif" alt="文教ロゴ" style="width:60px ; height:77px" >

   ◇alt → 画像を示す文字列  width,height → 幅と高さ 
文教ロゴ

 

2.テーブルの中に画像を入れる

HTMLの指定
画面表示
<table border="1" style="background-color:lime">
 <tr>
  <th style="padding:10px">風景写真A</th>
  <th style="padding:10px">風景写真B</th>
 </tr>
 <tr>
  <td><img src="kesikiA.jpg" alt="風景A"></td>
  <td><img src="kesikiB.jpg" alt="風景B"></td>
 </tr>
</table>
風景写真A 風景写真B
風景A 風景B

 

3.アニメーションGIF

(アニメーションGIF形式で作成されたファイルを指定する)

HTMLの指定
画面表示


<img src="machine.gif">





<img src="doornext.gif">