列表相关标签

学思创的头像
学思创
193

<ul>:定义无序列表,该标签只能包含<li>子标签
<li>:定义列表项目
<ol>:定义有序列表,该标签只能包含<li>子标签

属性 描述
start 默认从第一个开始,如1、A 规定起始数字
type A、a、I、i、1 规定列表类型

<dl>:用于定义一个定义列表,该标签只能包含<dt>和<dd>两个子标签
<dt>:用于定义一个定义列表的每个项目的项目名称
<dd>:用于定义列表项目

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>列表相关标签</title>
</head>
<body>
    <!-- 无序列表 -->
    <ul>
        <li>前端工程师</li>
        <li>PHP工程师</li>
        <li>Nodejs工程师</li>
    </ul>
    <!-- 有序列表 -->
    <ol start="3" type="I">
        <li>HTML5</li>
        <li>CSS3</li>
        <li>JavaScript</li>
    </ol>
    <!-- 定义列表 -->
    <dl>
        <!-- 定义列表中的项目标题 -->
        <dt>前端工程师</dt>
        <dd>HTML5</dd>
        <dd>CSS3</dd>
        <dd>JavaScript</dd>
        <!-- 定义列表中的项目标题 -->
        <dt>列表有几种</dt>
        <dd>无序列表</dd>
        <dd>有序列表</dd>
        <dd>定义列表</dd>
    </dl>
</body>
</html>

 

用户评论
评论列表