HTMLで「車でGo!」の画面作りをします。(この状態では動作しません)
HTMLは、ホームページ作成ソフトを利用する方が簡単です。
ゲーム中に使用する画像は全て表示させる必要があるので、とりあえず適当に表示させています。
HTMLは下記のようになります。参考にして下さい。
<HTML>
<HEAD>
<TITLE>車でGo!画面作り</TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border="1" width="500"
height="300" bgcolor="#ffffff">
<TBODY>
<TR>
<TD width="100" height="100"><IMG
src="migi.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
</TR>
<TR>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD colspan="3" nowrap align="center"
bgcolor="#ffeace">
<INPUT type="button" value="スタート"
style="font-size:18px">
<INPUT type="button" value="ストップ"
style="font-size:18px">
</TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
</TR>
<TR>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="conv.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="miti.gif" width="100"
height="100" border="0"></TD>
<TD width="100" height="100"><IMG
src="hidari.gif" width="100"
height="100" border="0"></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<FORM>
<P align="center">
<INPUT size="64" type="text"
readonly style="font-size:18px"
value=" しばらくお待ち下さい。">
</P>
</FORM>
</BODY>
</HTML> |
|