初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #2.ページ  >>> 改行しよう



      



改行しよう



HP作成講座の先生  「今回は改行するためのタグを勉強するぞぃ。」



 サンプル
むかしむかし、あるところに
おじいさんとおばあさんが住んでいました。

おじいさんは山へ芝刈りに
おばあさんは川へ洗濯にいきました。




HP作成講座の先生  「こんなふうに、改行したり1行あけたりするときに使えるタグじゃ。
    前回の 段落を指定しよう でやった <P>〜</P> とは違って、
    ただ単に改行したいときに使えるぞぃ。」


HP作成超初心者  「改行って enterキー でできないんですか?」


HP作成講座の先生  「うむ。実際メモ帳に入力するときに、見やすくするために
    enterキー を使って改行しとると思うが、
    これはブラウザには反映されないんじゃよ。
    改行のタグはよく使うからしっかり覚えるんじゃぞ。」



電球  改行するためのタグ
-----------------------------------------------------------------


 <BR> : 改行する


-----------------------------------------------------------------



HP作成超初心者  「あれ?これだけですか?タグって対になってるんじゃ・・・?」


HP作成講座の先生  「このタグはこれ一つで使うんじゃ。例えば対になっている
    <HTML>〜</HTML> じゃったら
    ここからここまでがHTMLファイル というように範囲があるんじゃが、
    改行は ここからここまでを改行する なんて使い方はせんじゃろ?」


HP作成超初心者  「う〜ん・・・じゃあもし2行も3行もあけたい時はどうしたらいいんですか?」


HP作成講座の先生  「改行のタグは何度でも連続で使えるんじゃよ。
    1つなら改行だけ、2つなら改行してさらに1行あける、
    3つなら改行してさらに2行あける・・・というようにな。」


HP作成超初心者  「へ〜、じゃあenterキーと同じ使い方をすればいいんですね。」


HP作成講座の先生  「そういうことじゃな。実際にブラウザで見てみようかのぅ。」



 メモ帳
<BODY>〜</BODY> の間に入力


むかしむかし、あるところに(enterキー)
おじいさんとおばあさんが住んでいました。(enterキー)

↑「enterキー」で改行してみるぞぃ。



むかしむかし、あるところに<BR>おじいさんとおばあさんが住んでいました。

↑こっちは<BR>で改行じゃ。



おじいさんは山へ芝刈りに(enterキー)
(enterキー)
おばあさんは川へ洗濯に行きました。

↑「enterキー」で1行あけるぞぃ。



おじいさんは山へ芝刈りに<BR><BR><BR>おばあさんは川へ洗濯に行きました。

↑<BR>を連続で入力してみるぞぃ。




HP作成講座の先生  「こんな風にメモ帳に入力していくんじゃよ。
    ではブラウザで表示すると、どんなふうになるのか見てみるぞぃ。」



 ブラウザ
むかしむかし、あるところにおじいさんとおばあさんが住んでいました。

↑「enterキー」を使ったが、改行されておらんな。



むかしむかし、あるところに
おじいさんとおばあさんが住んでいました。

↑こっちは<BR>を使ったからちゃんと改行されておるぞぃ。



おじいさんは山へ芝刈りに おばあさんは川へ洗濯に行きました。

↑「enterキー」で1行あけるとその部分が
  半角スペースに置き換えられてしまうんじゃ。




おじいさんは山へ芝刈りに


おばあさんは川へ洗濯に行きました。

↑<BR>を3回連続で入力すると2行あくぞぃ。




HP作成講座の先生  「ブラウザではこんなふうに表示されるぞぃ。」


HP作成超初心者  「enterキー を2回押すと 半角スペース になっちゃうんですね。」


HP作成講座の先生  「そうなんじゃ。詳しくは 改行とスペース を見るとよいぞ。
    今回はこれでおしまいじゃ。」






↑ページのTOPへ


段落を指定しよう
<<< 前のページへ戻る
右揃え・中央揃え・左揃え
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #2.ページ  >>> 改行しよう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML