[Front-end study notes day11] 2.7. Html list tags + html list ordered list + + + unordered list definition list

2.7. Html tag list

html list

Ordered list

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

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

Generated on the page list, it will press 1,2,3 number on each item ordered list of less use in the actual development.

Unordered list

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

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

Generated on a list of web pages, on each project will be a small icon, small icon shows different effects on different browsers, it will generally remove the default icon with a style, if desired icon, it can use a custom icon style , so as to achieve a different display on the browser the same, the actual development of such a list is generally used.

Practical application examples:

Definition list

Often used to define a list of definitions of terms.

Label indicates the overall list.

Title tag defined terms.

Tags are explanations of terms. One

There can be a plurality of topics and explained, as follows:

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

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

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

</dl>