このページではマーキーを使ってみましょう。ホームページで良く見かける、電光掲示板にように文字が移動する表示方法です。ページに動きがあると見栄えがしますよ。
- index.html をダブルクリックしてページを表示します。
- 「メニューバー」の「表示」→「ソース」とクリックをして、→「ソース」を表示します。
- 表示する文字を <MARQUEE> と</MARQUEE> で囲います。
<MARQUEE>私のホームページへようこそ! 南の海の雰囲気を味わってください。</MARQUEE>
- フォントの指定をしなければ黒い文字で表示されます。赤い色にしましょう。
<MARQUEE><FONT COLOR="red">私のホームページへようこそ! 南の海の雰囲気を味わってください。</FONT></MARQUEE>
- マーキーと下の画像との間を空けるために <BR><BR> を入れます。
<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>
<MARQUEE><FONT COLOR="red">私のホームページへようこそ! 南の海の雰囲気を味わってください。</FONT></MARQUEE><BR><BR>
<IMG SRC="gazou.jpg" ALIGN="RIGHT" ><BR><BR>
<FONT SIZE="3" FACE="MS ゴシック" COLOR="#0000FF">この写真はフィリピンのセブ島沖に浮かぶ小さな島です。<BR>周りは穏やかな珊瑚礁の海に囲まれひっそりと佇んでいます。<P>あなたをこの美しい南の海へご案内しましょう。</FONT>
</BODY>
</HTML>
- 入力が終わったら、→「ファイル」→「上書き保存」とクリックして、→「メモ帳」を閉じます。
- ブラウザの「更新」アイコンをクリックします。マーキーが表示されましたか?
【関連ページ】
■
02 マーキーで文字と画像をスクロール
■
80 分割した画像をマーキーで1枚にする