• 技术文章 >web前端 >html教程

    HTML列表标签dl、ul、ol 的使用

    高洛峰高洛峰2017-03-02 15:09:45原创1419
    这篇文章主要介绍了HTML列表标签dl、ul、ol 的使用,比较适合初学者,大家若感兴趣的可以学习下

    代码如下:

    <!-- 
    列表标签:<dl>:分层列表 
    子标签:<dt>:上层列表项 
    <dd>:下层列表项 
    ------------ 
    无序列表标签:<ul> 
    子标签:<li> 
    ------------ 
    无序列表标签:<ol> 
    子标签:<li> 
    --!> 
    <html> 
    <head> 
    <title> 列表标签的练习</title> 
    </head> 
    <body> 
    <dl> 
    <dt>标号</dt> 
    <dd>1</dd> 
    <dd>2</dd> 
    <dd>3</dd> 
    </dl> 
    <hr> 
    <ul type="disc"> 
    <li>苹果</li> 
    <li>香蕉</li> 
    <li>橘子</li> 
    </ul> 
    <hr> 
    <ol type="1"> 
    <li>苹果</li> 
    <li>香蕉</li> 
    <li>橘子</li> 
    </ol> 
    <hr><!--练习标签的嵌套--> 
    <dl> 
    <dt>四大天王</dt> 
    <dd> 
    <ol type="1"> 
    <li>张学友</li> 
    <li>刘德华</li> 
    <li>郭富城</li> 
    <li>黎明</li> 
    </ol> 
    </dd> 
    </dl> 
    </body> 
    </html>


    更多HTML列表标签dl、ul、ol 的使用相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML 列表标签
    上一篇:HTML中插入视频并兼容所有浏览器 下一篇:详解html中radio值的获取、赋值、注册事件示例
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• bootstrap问题 高手在哪里?_html/css_WEB-ITnose• <meta>标签_html/css_WEB-ITnose• 如何考评一名前端工程师?_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose• Codeforces Round #263 (Div. 1) A B C_html/css_WEB-ITnose
    1/1

    PHP中文网