Home  >  Article  >  Web Front-end  >  A brief discussion on html ordered lists, unordered lists and definition lists

A brief discussion on html ordered lists, unordered lists and definition lists

高洛峰
高洛峰Original
2017-02-11 14:16:181640browse

Ordered list

<ol type="A", start="C"> <!--ordered list-->  
    <li>第一项</li>  
    <li>第二项</li>  
</ol>

Unordered list

<ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
    <li>第一项</li>  
    <li>第二项</li>  
</ul>

Definition list

The definition list consists of definition terms (definition term) and definition description (definition description)

<dt>标记后面添加要解释的名词   
<dd>标记后面添加名词的具体解释
<dl type="disk">  <!--definition list--> <!--还有两种type:circle,square-->  
    <dt>CSS</dt>  
    <dd>Cascating Style Sheets</dd>  
</dl>

Chestnut:

<!doctype html>  
<html>  
    <head>  
        <meta http-equiv="content-type" content="text/html; charset=utf-8"  
        <meta name="description" content="设置页面说明">  
        <title>网页1</title>  
    </head>  
    <body>  
        <h1>标题</h1>  
                <hr>  
        <ol type="A", start="3"> <!--ordered list-->  
                <li>第一项</li>  
                <li>第二项</li>  
        </ol>  
  
        <ul type="disc">  <!--unordered list--> <!--还有两种type:circle,square-->  
                <li>第一项</li>  
                <li>第二项</li>  
        </ul>  
  
        <dl type="disk">  <!--definition list-->  
                <dt>CSS</dt>  
            <dd>Cascating Style Sheets</dd>  
  
        </dl>  
  
    </body>    
</html>

Output effect:

A brief discussion on html ordered lists, unordered lists and definition lists

The above article briefly talks about html ordered lists, unordered lists and definition lists. I have compiled all the content shared with you. I hope it can give you a reference. I also hope that everyone will support the PHP Chinese website.

For more articles on html ordered lists, unordered lists and definition lists, please pay attention to the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:Front-end html languageNext article:Front-end html language