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

高洛峰
Release: 2017-02-11 14:16:18
Original
1639 people have browsed it

Ordered list

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

Unordered list

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

Definition list

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

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

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>
Copy after login

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!

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!