要素

HTMLでページ内で段落を表すときは

<p>ここからここまでがひとつの段落です</p>

というようにHTMLを記述します。このとき<p>を開始タグ</p>を終了タグといいます。開始タグから終了タグまでの『<p>ここからここまでがひとつの段落です</p>』を要素といいます。
また、<>の中のpを要素名といいます。そして開始タグから終了タグの間の『ここからここまでがひとつの段落です』を(要素)内容といいます。

要素=開始タグ+内容+終了タグ

開始タグ<>の間に要素名を入れ、終了タグ</>の間に要素名を入れます。

開始タグには属性を含める事ができます。

<p class="summary" >ここからここまでがひとつの段落です</p>

要素名に続き半角スペースを入れ属性を入れます。class="summary"が属性でclassが属性名summaryが属性値になります。この場合のsummaryは任意の文字列で自由に変更できます。属性は属性値="属性値"のように=でつなげて”(引用符)で囲みます。属性は半角スペースを区切りとして順不同で複数含める事ができます。

開始タグ=<要素名 属性名="属性値" 属性名="属性値">

また、各要素名により含める事ができる属性名も決まっています。

要素名(属性名)はXHTMLでは小文字(もちろん半角)で記述する事になっているのでHTMLの場合も小文字で記述しておけばよいでしょう。

空要素

要素により内容が無いものもあります。これを空要素と呼びます。改行するための<br>や横罫線の<hr>などは内容がありません。XHTML1.0では終了タグは省略出ませんので今までのHTMLと整合するため<br />や<hr />のように半角スペースの後に/を入れます。

ホワイトスペース

HTMLを記述する際に要素と要素を改行して区別しやすいように記述します。

<p>ここからここまでが始めの段落です</p>
<p>
ここからここまでが次のの段落です
</p>

これを1行にかいても

<p>ここからここまでが始めの段落です</p><p>ここからここまでが次のの段落です</p>

半角スペースやtabでインデントをつけても

<p>ここからここまでが始めの段落です</p>

<p>ここからここまでが次の段落です</p>

同じ事です。

また、内容の中に半角スペースを1つ入れても連続して複数入れても表示は半角スペース1つ分になります。全角スペースは文字と同じ扱いで入れた数だけスペースが空きます。

Web製作ネットカンサイCopyright (C) 2008 netkansai.com All Rights Reserved

Valid XHTML 1.0 Transitional 正当なCSSです!