Learning HTML list

1 Three key learning) ordered list 2) unordered list 3) definition list

1. ordered list

Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>

<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ol>
</body>
</html>

Web page display:

 

Ordered list of type syntax

        <Ol type = "Symbol type">

                <Li> list item 1 </ li>

                <Li> list item 2 </ li>

type ordered list of values

2. unordered list

Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>

<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
    </ul>
</body>
</html>

页面展示

无序列表语法:

        <ul type="符号类型">

                <li>列表项1</li>

                <li>列表项2</li>

                ...

   </ul>

无序列表的type值:

3.定义列表

语法:

   <dl>

      <dt>定义名词</dt>

      <dd>定义描述</dd>

   </dl>

代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>定义列表</title>
</head>

<body>
    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式表</dd>
        <dt>JS</dt>
        <dd>JavaScript脚本语言</dd>
    </dl>
</body>
</html>

页面展示:

Guess you like

Origin www.cnblogs.com/z617182272/p/11263131.html