[フロントエンドの研究ノートday11] 2.7。HTMLリストタグ+ HTMLリスト順序付きリスト+ + +順不同リスト定義リスト

2.7。のHTMLタグリスト

HTMLリスト

順序付きリスト

在网页上定义一个有编号的内容列表可以用<ol>、<li>配合使用来实现，代码如下：

<ol>
    <li>列表文字一</li>
    <li>列表文字二</li>
    <li>列表文字三</li>
</ol>

ページのリストに生成され、それが実際の開発ではあまり使用の各項目順序付きリストに1,2,3番号を押します。

順序なしリスト

在网页上定义一个无编号的内容列表可以用<ul>、<li>配合使用来实现，代码如下：

<ul>
    <li><a href="#">新闻标题一</a></li>
    <li><a href="#">新闻标题二</a></li>
    <li><a href="#">新闻标题三</a></li>
</ul>

各プロジェクトには、Webページのリスト上で生成することは、それは一般的に、スタイルでデフォルトのアイコンを削除しますアイコンを望むなら、それは、カスタムアイコンのスタイルを使用することができ、小さなアイコン、異なるブラウザ上の小さなアイコンが示す異なる効果になります、ブラウザ同じに異なる表示を実現するように、例えば、Aリストの実際の開発は、一般的に使用されます。

実用的な応用例：

定義リスト

多くの場合、用語の定義のリストを定義するために使用されます。

ラベルは、全体のリストを示します。

タイトルタグは、用語を定義しました。

タグは、用語の説明です。A

以下のように、そこに複数のトピックことと説明することができます：

<h3>前端三大块</h3>
<dl>
    <dt>html</dt>
    <dd>负责页面的结构</dd>

    <dt>css</dt>
    <dd>负责页面的表现</dd>

    <dt>javascript</dt>
    <dd>负责页面的行为</dd>

</dl>