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

    Html学习(2)- 列表标签

    黄舟黄舟2016-12-29 15:17:54原创735
    [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    
    <html >
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>list</title>
            <meta name="author" content="sync" />
            <!-- Date: 2016-05-29 -->
        </head>
        <body>
            <!--
                Html 注释, 演示列表标签
    
                列表标签: dl
    
                上层项目: dt
                下层项目: dd : 封装的内容是会被缩进的。有自动缩进的效果
            -->
            <dl>
                <dt>上层项目内容</dt>
                <dd>下层项目内容</dd>
                <dd>下层项目内容</dd>
                <dd>下层项目内容</dd>
            </dl>
    
            </hr>
    
            <!--
                有序和无序的项目列表
    
                有序: <ol>
                无序:  <ul>
                无论有序还是无序,条目的封装用的都是<li>  
                而且他们都有缩进效果              
            -->
    
            <ul type="square">
                <li >无序项目列表</li>
                <li>无序项目列表</li>
                <li>无序项目列表</li>
            </ul>
    
            <ol type="a">
                <li >有序项目列表</li>
                <li>有序项目列表</li>
                <li>有序项目列表</li>
            </ol>
    
        </body>
    </html>

    644.jpg

    以上就是Html学习(2)- 列表标签的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Html 列表标签
    上一篇:html空格代码 下一篇:Html学习(3)- 图像标签
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• <meta>标签_html/css_WEB-ITnose• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• CSS 浮动_html/css_WEB-ITnose• Codeforces Round #FF (Div. 2)E(线段树成段更新)_html/css_WEB-ITnose• Codeforces Round #263 (Div. 1) A B C_html/css_WEB-ITnose
    1/1

    PHP中文网