07 センターリング


 このページではセンターリングを勉強をしましょう。

  1. index.html をダブルクリックしてページを表示します。

  2. 「メニューバー」の「表示」→「ソース」とクリックをして、→「ソース」を表示します。

     文字や画像を画面の中央に表示したい場合は <CENTER> </CENTER> で囲みます。

    では、文字「私のホームページ」と画像「wallpaper.gif」をセンターリングしましょう。

    <CENTER><FONT SIZE="6" FACE="MS 明朝" COLOR="#FF0000">
    <B><I>私のホームページ</I></B></FONT>
    </CENTER>

    <CENTER> <IMG SRC="gazou.jpg"></CENTER>



    <HTML>
    <HEAD>
    <TITLE>初めてのホームページ</TITLE>
    </HEAD>
    <BODY BACKGROUND="wallpaper.gif">
    <CENTER><FONT SIZE="6" FACE="MS 明朝" COLOR="#FF0000"><B><I>私のホームページ</I></B></FONT></CENTER><BR><BR><BR>
    <CENTER><IMG SRC="gazou.jpg"></CENTER><BR><BR>
    <FONT SIZE="3" FACE="MS ゴシック" COLOR="#0000FF">この写真はフィリピンのセブ島沖に浮かぶ小さな島です。<BR>周りは穏やかな珊瑚礁の海に囲まれひっそりと佇んでいます。<P>あなたをこの美しい南の海へご案内しましょう。</FONT>
    </BODY>
    </HTML>




  3. 入力が終わったら、→「ファイル」→「上書き保存」とクリックして、→「メモ帳」を閉じます。

  4. ブラウザの「更新」アイコンをクリックします。センターリングされて表示されましたか?