資料小分類

• HTML/CSSを知る

• Webトップ

• HTMLトップ

• 文字の入力

• 見出しタグ

• 練習１

• 段落タグ

• 水平線の挿入

• 練習２

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 著作情報

• 区画

• リンクの挿入

• ページ内リンク

• 他サイトへリンク

• メールへリンク

• ページ間リンク

• 練習作品記録

• CSSトップ

資料大分類

• 資料トップへ戻る

• 基礎編

• ＨＰを作ってみる

• 白紙からページ作成

• トップページを作成

• サブページを作成

• サイト管理

• HTML/CSSを知る

• Web ページ

• HTML 練習

• CSS 練習

• レイアウト作成

• レイアウト編集

• 最新テクの活用

• フォトモーション

• フルＣＳＳテンプ基本

• フルＣＳＳテンプ応用

• jQuery の基本

リンク

• サイト内検索

• 問い合わせ

• 参加者作品

• ＨＰ勉強会トップ

• Ａ班ホームページ

～リストの挿入～

基本的なHTMLタグについての練習です。

練習するHTML要素：　リスト

• ul要素：
  • <ul>
  •   <li>リスト項目１</li>
  •   <li>リスト項目２</li>
  • </ul>
• ul要素は連番（通し番号）の無い、箇条書きの項目リストを指定します。各項目を並べる順番は重要な意味を持ちません。リストの項目は、li要素で指定します。

---

• ol要素：
  • <ol 属性="値">
  •   <li>リスト項目１</li>
  •   <li>リスト項目２</li>
  • </ol>
• ol要素は順序付きの項目リストを示します。項目を並べる順番に意味がある場合に使用します。リストの項目は、li要素で指定します。
• type属性は、「1、a、A、i、I　のいずれか」で行頭に表示する番号の種類を指定します。省略時の既定値は「1」。start属性では、最初の項目の開始番号を変更できます。指定しない場合は 1 から始まります。

---

• li要素：
  • <li 属性="値">［リスト項目１］</li>
  • <li 属性="値">［リスト項目２］</li>
• ol要素やul要素の子要素として、リスト内の各項目を指定します。li要素の終了タグは、次にli要素が続く場合、もしくはそのli要素が親要素内の最後のコンテンツである場合に省略可能です。
• 親要素がol要素の場合、li要素は順序を表す value属性を持ちます。value属性では、行頭番号の数字を整数により指定することが可能です。

リストの挿入

Step-1：　番号なしのリスト（箇条書き）を挿入する

➊［練習２］ で作成し保存した、htmlフォルダーのakita_dog.htmlファイルを開きます。

➋次のように番号無しのリスト（箇条書き）を挿入します。

• 
• 

• HTMLソース：
• 

➌上書き保存します。

Step-2：　番号なしリスト　⇔　番号付リストの変更

➍番号なしリストから番号付リストに変更してみます。

• 
• 

➎番号付リストを番号なしリストに戻し、上書き保存します。

⇒ リストの入れ子へ進む