このページではBGMを入れてみましょう。ホームページにBGMが流れていると雰囲気が良くなりますよ。ホームページで使われる音声ファイルの形式は主に「MIDI」です。まず、MIDIファイルを用意して index.html と同じフォルダに保存します。ファイル名は
bgm.mid としましょう。
- index.html をダブルクリックしてページを表示します。
- 「メニューバー」の「表示」→「ソース」とクリックをして、→「ソース」を表示します。
- BGMを入れるタグは <BGSOUND SRC="bgm.mid" LOOP="infinite"> と記述します。記述する箇所は <BODY> と </BODY の間ならどこでも構いません。
- LOOP="infinite" はエンドレスで再生します。
LOOP="3" の場合は3回再生します。
<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<BODY BACKGROUND="wallpaper.gif">
<BGSOUND SRC="bgm.mid" LOOP="infinite">
<CENTER><FONT SIZE="6" FACE="MS 明朝" COLOR="#FF0000"><B><I>私のホームページ</I></B></FONT></CENTER><BR><BR><BR>
<IMG SRC="gazou.jpg" ALIGN="RIGHT" ><BR><BR>
<FONT SIZE="3" FACE="MS ゴシック" COLOR="#0000FF">この写真はフィリピンのセブ島沖に浮かぶ小さな島です。<BR>周りは穏やかな珊瑚礁の海に囲まれひっそりと佇んでいます。<P>あなたをこの美しい南の海へご案内しましょう。</FONT>
</BODY>
</HTML>
- 入力が終わったら、→「ファイル」→「上書き保存」とクリックして、→「メモ帳」を閉じます。
- ブラウザの「更新」アイコンをクリックします。BGMが聴こえますか?
ALIGN=" " を使うと画像の周りに文字が回り込みます。
左寄せの場合は ALIGN=" " を使わなくてもOKですが、文字が画像に回り込みません。
画像に対して文字が回り込まないようにするには
<IMG SRC="gazou.jpg" ALIGN="RIGHT"> の後に <BR CLEAR="ALL"> と記述します。
<IMG SRC="gazou.jpg" ALIGN="LEFT"><BR CLEAR="ALL">

【関連ページ】
■ 81 複数の曲を連続再生する