リスト（箇条書き）についてです。
リスト（箇条書き）の基本は、<ul>〜</ul>タグ。
その内にリストの一行を<li>〜</li>タグで定義します。
こちらは、順序なし（番号がつかない）です。ul は Unordered List（順序の無いリスト）のことです。
順序付きリストは<ol>〜</ol>タグ、★順序付きリストをご覧ください。
| <ul> 〜 </ul> | ・・・リスト（順序なし） |
| <li> 〜 </li> | ・・・１行 |
<ul>
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
type属性でリスト項目のマークを指定できます。（デフォルトは disc：黒丸）
| type | ・・・線の太さ | disc：黒丸 |
| circle：白丸 | ||
| square：四角 |
<ul type=
"disc">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
<ul type=
"circle">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
<ul type=
"square">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
スタイルシートのlist-style-imageプロパティを使うことによって リストの項目のマークを画像にすることができます。
ソースコード（CSS)
ul.list_image {
list-style-image: url(image/tama.ico);
}
<ul class=
"list_image">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
リストの項目のマークを消すこともできます。
ソースコード（CSS)
ul.style_none {
list-style: none;
}
<ul class=
"style_none">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ul>
list-styleは、list-style-type、list-style-position、list-style-image の省略形です。
ul、ol、li のタグに指定できます。
詳しくは、CSS プロパティ一覧の
list-styleを参照してください。
順序付きリストの基本は、<ol>〜</ol>タグ。
その内にリストの一行を<li>〜</li>タグで定義します。
こちらは、順序付き（番号がつく）です。ol は Ordered List（順序のあるリスト）のことです。
順序なしは<ul>〜</ul>タグ、★リストの基本をご覧ください。
| <ol> 〜 </ol> | ・・・順序付きリスト |
| <li> 〜 </li> | ・・・１行 |
<ol>
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ol>
type属性で項目番号のタイプを指定できます。（デフォルトは 1：1, 2, 3, 4, 5, ...）
| type | ・・・項目番号のタイプ | 1 ： 1, 2, 3, 4, 5, ... |
| a ： a, b, c, d, e, ... | ||
| A ： A, B, C, D, E, ... | ||
| i ： i, ii, iii, iv, v, ... | ||
| I ： I, II, III, IV, V, ... |
<ol type=
"1">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ol>
<ol type=
"a">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ol>
<ol type=
"A">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
<ol type=
"i">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ol>
<ol type=
"I">
<li>STEP 1 ホームページ作成講座</li>
<li>STEP 2 見出し</li>
</ol>