Bokuno standard web

<table width="95%" align="center" border=0><tr><td> the beginning of table

Click a name on the list
(1) Running a movie
(2) Showing an image
(3) Playing sound
(4) Pop-up menu. "ArekorePopup.js" and "ArekorePopup.css" are required.
(5) Setting an image on background
(6) Setting a background music
(7) Starting a mailing software
(8) Opening a new windows
(9) Putting continuous number on head
(10) Deleting underline link
(11) An image linked
(12) Click to get a bigger image
(13) Margins
(14) Image map

(1) Running a movie

<img dynsrc=1.avi controls start=fileooen loop=1 loopdelay=5000 border=1>

[1]You see this through your browzer as below. If you put "loop=-1" movie runs at endless.

(2) Showing an image

<img src=2.jpg border=1 width=280 height=200>

[2]Showing an image.

(3) Playing sound

<a href=i.mp3>Click here</a>

[3]Playing sound.

(4) Pop-up menu. "ArekorePopup.js" and "ArekorePopup.css" are required.

<a href="http://music.download.com/" title="'Great is the Lord' is the best song.">"Great is the Lord" by Hope Carr.</a>

[4]Pop-up menu. Pass on Mouse over below.

"Great is the Lord" by Hope Carr.

(5) Setting an image on background

<body background=2.jpg bgproperties=fixed>

[5]Setting an image on background

(6) Setting a background music

<bgsound src=3.mp3 loop=-1>

[6]Setting a background music

(7) Starting a mailing software

<a href="mailto: enron_jp@ybb.ne.jp?subject=My Expression">Email</a>

[7]Starting a mailing software

(8) Opening a new windows

<a href="3.html" target="#">Click here!</a>

[8]Opening a new windows

(9) Putting continuous number on head

<ol>
<li>0123456789
<li>abcdefghij
<li>ABCDEFGHIJ
</ol>

[9]Putting continuous number on head

0123456789
abcdefghij
ABCDEFGHIJ

(10) Deleting underline link

<a href="http://www.iht.com" target="#" style="text-decoration:none">Click here!</a>

[10]Deleting underline link

(11) An image linked

<a href="http://www.adobe.com/jp/products/reader/" target="#"><img src="get_adobe_reader.gif"></a>

[11]An image linked

(12) Click to get a bigger image

<a href="img014-15.jpg" target="_blank"><img src="img014-15.jpg" width="120" height="80"></a>

[12] Click to get a bigger image

<table align="left" bgcolor="Wheat" border="3" bordercolor="Navy" align="left" width="70%">
<td>
<div style="margin:5px 50px 25px 80px;background-color:yellow;">上右下左
パリ、1870年代。オペラ座では"ファントム"（オペラ座の怪人）のしわざとされる謎の事件が続いていた。
<br>リハーサル中での事故で、プリマドンナの代役を務めることになったクリスティーヌは、
その初主演のステージで喝采を浴び、観客の中にいた幼馴染のラウルと再開する。
<br>だが、その喜びも束の間、仮面をかぶった謎の怪人、ファントムに...
</div>
</td>
</table>

パリ、1870年代。オペラ座では"ファントム"（オペラ座の怪人）のしわざとされる謎の事件が続いていた。
リハーサル中での事故で、プリマドンナの代役を務めることになったクリスティーヌは、その初主演のステージで喝采を浴び、観客の中にいた幼馴染のラウルと再開する。
だが、その喜びも束の間、仮面をかぶった謎の怪人、ファントムに...

(14) Image map

サンプル

<p><img src="map.gif" alt="サンプル" border="0" width="221" height="145" usemap="#sample2"></p>
<map name="sample2">
<area shape="rect" coords="22,11,122,62" href="http://www.iht.com" alt="" target="Blank">
<area shape="circle" coords="184,86,30" nohref alt="">
<area shape="poly" coords="87,78,30,110,81,139,69,113" nohref alt="">
<area shape="rect" coords="0,0,221,145" href="http://www.zyx321.com/3" alt="リンク" target="Blank">
</map>

Further information

</td></tr></table> the ending of table