05 改行の指定


 このページでは改行の勉強をしましょう。メモ帳で改行をして記述してもブラウザでは認識されませんから、改行をする場合は改行タグで指定しなければなりません。

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

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

    <BR> 改行する
    <P> 段落タグですが、改行して1行空けることができます。


    <BR> <BR><BR><BR> のように複数並べることが可能です。この場合は改行が3回ですから2行空きます。

    <P> <P><P> のように複数並べることは出来ません。改行して1行空ける場合だけに有効です。

    <P> <BR><BR> と同じ効果があります。

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



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




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

  5. ブラウザの「更新」アイコンをクリックします。改行されていますか?
●下記のように「メモ帳」に書いても

これからホームページの作成を始めます。
3日もあれば完成するでしょう。

○画面では次のように表示されてしまいます。

これからホームページの作成を始めます。3日もあれば完成するでしょう。

●下記のように「メモ帳」に書けば

これからホームページの作成を始めます。<BR>3日もあれば完成するでしょう。

○画面では次のように改行されて表示されます。

これからホームページの作成を始めます。
3日もあれば完成するでしょう。


●下記のように「メモ帳」に書けば

これからホームページの作成を始めます。<BR><BR>3日もあれば完成するでしょう。

○画面では次のように改行されて表示されます。

これからホームページの作成を始めます。

3日もあれば完成するでしょう。


●さらに、下記のように「メモ帳」に書けば

これからホームページの作成を始めます。<P>3日もあれば完成するでしょう。

○画面では次のように改行+1行空けて表示されます。

これからホームページの作成を始めます。

3日もあれば完成するでしょう。