KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/8th/div_span のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/8th/div_span へ行く。
  • 1 (2004-11-26 (金) 03:01:50)
  • 2 (2007-02-24 (土) 07:05:44)
  • 3 (2007-02-24 (土) 07:10:26)

div・span要素を使った設定

div要素とspan要素の機能

div要素を使うと、 複数の要素をまとめてグループ化することができます。 また、クラスやIDを使えば、独自の意味をつけることができます。

pre>

body>

h1>第1章</h1>

<div class="section" id="sec1">

h2>第１節</h2>

p>...</p>

p>...</p> </div>

<div class="section" id="sec2>

h2>第２節</h2>

p>...</p>

p>...</p> </div>

/body>

/pre>

クラスを使った設定

「クラス」を使えば、 ひとつの要素に複数の意味づけをしたり、 複数の要素で同じ意味づけを設定したりできます。

クラスを設定するときには、次のようにします。

pre> 要素名.クラス名 { ... } .クラス名 { ... }

/pre>

次へ進んでください。