TEXTや画像を自由に配置

テキスト 150,120

テキスト 300,200

TEXTや画像を自由に配置する機能は JavaScript ではありませんが、ゲームを作成する上で必要なので説明します。
【Source Code】

<body>
<h1>TEXTや画像を自由に配置</h1>

<div style="position:absolute;left:150px;top:120px;">テキスト 150,120</div>
<div style="position:absolute;left:300px;top:200px;">テキスト 300,200</div>

<img src="img/enemy1.gif" style="position:absolute;left:50px;top:150px;">
<img src="img/enemy2.gif" style="position:absolute;left:200px;top:320px;">
<img src="img/enemy3.gif" style="position:absolute;left:450px;top:250px;">

TEXTを自由に配置します。
left:999px; で左端からの位置を、top:999px; で上からの位置を設定します。

<br>
<div style="position:absolute;left:150px;top:120px;">テキスト 150,120</div>
<div style="position:absolute;left:300px;top:200px;">テキスト 300,200</div>

イメージ画像の場合も同様です。

<img src="img/enemy1.gif" style="position:absolute;left:50px;top:150px;">
<img src="img/enemy2.gif" style="position:absolute;left:200px;top:320px;">
<img src="img/enemy3.gif" style="position:absolute;left:450px;top:250px;">

前田稔の超初心者のプログラム入門
 超初心者のプログラム入門(JavaScript)