A.T-MOON

contents

パンくずリスト

メッセージエリア

範囲の指定

メッセージエリア


段落

<p>〜</p>


ひとつの段落の範囲を指定します。
範囲の前で改行され、更に一行分の空白が入ります。
※例)
ココは普通の文章です

この部分はひとつの段落としての範囲指定がされます

ココからは又、普通の文章です
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 ココは普通の文章です
 <p>
 この部分はひとつの段落としての範囲指定がされます
 </p>

 ココからは又、普通の文章です
 </body>
</html>
↓ピンク部分のタグをコピー↓

但し<p>〜<p>の中にはインラインレベル要素を含むことは出来ますが、ブロックレベル要素を含むことは出来ません。
インラインレベル要素とブロックレベル要素について
○ … <p><font size=2>これはOK</font></p>
× … <p><center>これはNG</center></p>
ページTOP
ひとつ前のページに戻る


範囲の指定 1(複数の要素をグループ化する)

<span>〜</span>


特定の範囲を指定する時に用います。
インラインレベルの要素である事を示しますので表示上の変化はありません。
※例)
ココは普通の文章です
この部分はひとつの範囲として指定がされますが
タグの前後に空白が入ったり改行されたりはしません

ココからは又、普通の文章です
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 ココは普通の文章です<br>
 <span>
 この部分はひとつの範囲として指定がされますが<br>
 タグの前後に空白が入ったり改行されたりはしません<br>
 よって、前後で改行する場合は改行タグが必要です<br>
 </span>

 <br>
 </body>
</html>
↓ピンク部分のタグをコピー↓
ページTOP
ひとつ前のページに戻る

範囲の指定 2

<div>〜</div>

特定の範囲を指定する時に用います。
ブロックレベルの要素である事を示しますので前後が一行改行されて表示されます。
※例)
ココは普通の文章です
この部分はひとつの範囲として指定がされ
タグの前後が一行改行されます
ココからは又、普通の文章です
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 ココは普通の文章です<br>
 <div>
 この部分はひとつの範囲として指定がされ<br>
 タグの前後が一行改行されて表示されます<br>
 </div>

 ココからは又、普通の文章です<br>
 </body>
</html>

ページTOP
ひとつ前のページに戻る
HTML TOPに戻る