HTML Webページリストマークアップ学習チュートリアル_HTML/Xhtml

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML Webページリストマークアップ学習チュートリアル_HTML/Xhtml_Webページ制作

PHP中文网

May 16, 2016 pm 04:44 PM

HTML Web ページリストのマークアップ学習チュートリアル。 HTML ページでは、リストがアウトラインの記述の役割を果たすことができます。リストは 2 つのタイプに分けられ、1 つは順序付きリスト、もう 1 つは順序なしリストです。前者は箇条書きを使用して順序のない項目をマークし、後者は番号を使用して項目の順序を記録します。いわゆる順序付けとは、リスト項目を数値順またはアルファベット順に配置することを指します。いわゆる HTML Web ページのリストマークアップ学習チュートリアル。
HTML ページでは、リストがアウトラインの記述の役割を果たすことができます。リストは 2 つのタイプに分けられ、1 つは順序付きリスト、もう 1 つは順序なしリストです。前者は箇条書きを使用して順序のない項目をマークし、後者は番号を使用して項目の順序を記録します。いわゆる順序付けとは、リスト項目を数値順またはアルファベット順に配置することを指します。いわゆるディスオーダーとは、●、○、□などで始まる項目を順序なく列挙することを指します。
リストに関する主なタグは以下の表のとおりです

が主に使用されます。
- 基本文法
  1. 項目 1
  2. 項目 2
  3. 項目 3...
構文説明
順序付きリストでは、< を使用します。 ol>順序立てたステートメントとして、各項目の先頭に
を使用します。ファイルの例: 7-1.htm
1. タグを使用して順序付きリストを作成します。
```
01 
02 
03 
04 
05 <html>
06 <head>
07 <title>建立有序列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 </body>
18 </html>

文件说明
```
  ログイン後にコピー
  11 行目ではリストのタイプを順序どおりに定義し、12 行目から 15 行目ではリスト項目の先頭として
2. マークを使用します。
  #p# 順序付きリストの type 属性 TYPE
  デフォルトでは、順序付きリストはリストの先頭として数値シーケンスを使用します。type 属性を使用して、順序付きリストのタイプを英語またはローマ字に設定できます。
  - 基本文法
  構文説明
  value の値は次の表 1 に示すとおりです。数字1、2、3... ある小文字の a、b、c あ大文字の A、B、C 私小文字のローマ数字 i、ii、iii... 私大文字ローマ数字Ⅰ、Ⅲ、Ⅲ... ファイル例: 7-2.htm
  type 属性で順序付きリスト番号の型を設定します。
```
01 
02 
03 
04 
05 <html>
06 <head>
07 <title>设定有序列表编号类型</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol type=a>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 <hr>
18 <h2>图像设计软件</h2>
19 <ol type=I>
20 <li>Photoshop
21 <li>Illustrator
22 <li>Freehand
23 <li>CorelDraw
24 </ol>
25 <hr>
26 <h2>网页动画软件</h2>
27 <ol type=i>
28 <li>Flash
29 <li>LiveMotion
30 </OL>
31</body>
32 </html>

文件说明
```
  ログイン後にコピー
  第11行定义了列表的编号类型为小写字母，第19行定义了列表的编号类型为大写的罗马字母，第27行定义了列表的编号类型为小写的罗马字母。
  #p# 有序列表的起始属性START
  在默认的情况下，有序列表从数字1开始记数，这个起始值通过start属性可以调整，并且英文字母和罗马字母的起始值也可以调整。
  - 基本语法
  语法解释
  其中不论列表编号的类型是数字、英文字母还是罗马字母，value的值都是其始的数字。文件范例：7-3.htm
  通过start属性设定有序列表的起始编号。
```
01 
02 
03 
04 
05 <html>
06 <head>
07 <title>设定有序列表起始编号</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol start=5>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 <hr>
18 <h2>图像设计软件</h2>
19 <ol type=I start=3>
20 <li>Photoshop
21 <li>Illustrator
22 <li>Freehand
23 <li>CorelDraw
24 </ol>
25 </body>
26 </html>

文件说明
```
  ログイン後にコピー
  第11行定义了数字有序列表从5开始，第19行定义了罗马数字的有序列表从Ⅲ开始。
  #p# 无序列表标记