HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > 携帯(モバイル)サイト 作成講座 > XHTML1.0 リスト・テーブル・罫線関連タグ
様々なブックマークサービスがご利用頂けます。

■ XHTML1.0 リスト・テーブル・罫線関連タグ

■ <ul>
各項目の先頭に番号のつかない形式のリストである事を示す要素です。
リストの各項目は<li>要素によって記述されますが、その先頭には丸や四角などのマークが付けられて表示されます。また、全体がインデントされた状態で表示されます。
<ul>
  <li>SoftBank ( 旧 Vodafone )</li>
  <li>NTT docomo</li>
  <li>au by KDDI</li>
</ul>
  • SoftBank ( 旧 Vodafone )
  • NTT docomo
  • au by KDDI
■ <ol>
各項目の先頭に番号 (連番) を付けた形式のリストである事を示す要素です。リストの各項目は、<li>要素によって記述されます。また、全体がインデントされた状態で表示されます。
<ol>
  <li>SoftBank ( 旧 Vodafone )</li>
  <li>NTT docomo</li>
  <li>au by KDDI</li>
</ol>
  1. SoftBank ( 旧 Vodafone )
  2. NTT docomo
  3. au by KDDI
■ <li>
<ul>要素や<ol>要素のリスト項目となる要素です。
■ <dl>
定義リストであることを示す要素です。
<dl>
<dt>携帯キャリア</dt>
  <dd>SoftBank ( 旧 Vodafone )</dd>
  <dd>NTT docomo</dd>
  <dd>au by KDDI</dd>
</dl>
携帯キャリア
SoftBank ( 旧 Vodafone )
NTT docomo
au by KDDI
■ <dt>
定義リストの定義する用語を示す要素です。
■ <dd>
dt要素で示された用語に対する説明文を示す要素です。

■ <table>
表であることを示す要素です。
<table border="1">
<caption>講座</caption>
 <tr>
  <th>種類</th>
 </tr>
 <tr><td><XHTML1.0</td></tr>
 <tr><td><HTML4.01</td></tr>
</table>
講座
種類
XHTML1.0
HTML4.01
■ <caption>
表のタイトルや説明文をつけるための要素です。<table>要素の開始直後に1つだけ配置することができます。表に対してセンタリングされて表示されます。(必要無ければ省略可)
■ <tr>
表の横一列分のセルを含む要素です
■ <th>
表の一つのセルを表す要素です。<td>に対してセンタリングされて表示されます。(必要無ければ省略可)
■ <td>
表の1セルを表す要素です。
■ <hr>
横罫線を表示します。(空要素)
<hr />


ケータイアフィリエイトなら Moba8.net
(C)VALUE NEXT 2006-2007 All right reserved