ホームページ作成講座
|
HTML講座
|
スタイルシート講座
|
HTML辞典
|
スタイルシート辞典
|
ホームページ作成リンク
HOME
>
HTML講座
> リストを表示する(番号付き)
リストを表示する(番号付き)
<ol>、<li>を使って番号付きのリスト表示をすることができます。
例
<ol>
<li>
1つの目のリストです。</li>
<li>
2つの目のリストです。</li>
<li>
3つの目のリストです。</li>
</ol>
結果
1つの目のリストです。
2つの目のリストです。
3つの目のリストです。
また、type属性を指定すると、番号を変えることができます。
type属性には、"1"、"a"、"A"、"i"、"I"が指定できます。
例
<ol
type="1"
>
<li>1つの目のリストです。type属性は"1"です。</li>
<li>2つの目のリストです。type属性は"1"です。</li>
</ol>
<ol
type="a"
>
<li>1つの目のリストです。type属性は"a"です。</li>
<li>2つの目のリストです。type属性は"a"です。</li>
</ol>
<ol
type="A"
>
<li>1つの目のリストです。type属性は"A"です。</li>
<li>2つの目のリストです。type属性は"A"です。</li>
</ol>
<ol
type="i"
>
<li>1つの目のリストです。type属性は"i"です。</li>
<li>2つの目のリストです。type属性は"i"です。</li>
</ol>
<ol
type="I"
>
<li>1つの目のリストです。type属性は"I"です。</li>
<li>2つの目のリストです。type属性は"I"です。</li>
</ol>
結果
1つの目のリストです。type属性は"1"です。
2つの目のリストです。type属性は"1"です。
1つの目のリストです。type属性は"a"です。
2つの目のリストです。type属性は"a"です。
1つの目のリストです。type属性は"A"です。
2つの目のリストです。type属性は"A"です。
1つの目のリストです。type属性は"i"です。
2つの目のリストです。type属性は"i"です。
1つの目のリストです。type属性は"I"です。
2つの目のリストです。type属性は"I"です。
まとめ
<ul>、<li>で、番号付きのリスト表示ができる。
type属性を指定すると、番号を変えることができる。
HTML講座
HTMLとは
HTMLの属性・値とは
HTMLを書くときの注意点
HTMLの基本的な構成
ホームページのタイトルを表示する
リンクのつけ方
見出しを作る
文字の大きさを設定する
文字の色を設定する(1)
文字の色を設定する(2)
文字の太字・斜体を設定する
文字の下線・取り消し線を設定する
画像を表示する
色を指定する方法
ページの背景色・文字色を変える
リストを表示する(箇条書き)
テーブル(表)を表示する
テーブル(表)を表示する(背景色を変える)
テーブル(表)を表示する(セルを連結する)
初心者講座
ホームページ作成講座
HTML講座
スタイルシート講座
スポンサードリンク
HTML辞典
ページ
テキスト
文字
リスト
イメージ
リンク
テーブル
フレーム
Copyright© ゼロからはじめるホームページ作成講座 All Rights Reserved.
サイトマップ