美文网首页
H5 -- 有序/无序列表

H5 -- 有序/无序列表

作者: xb_bigRoom | 来源:发表于2019-06-28 22:24 被阅读0次

H5无序列表

1.默认类型
<ul> <li>test1</li> <li>test2</li> </ul>

  1. circle类型
    <ul type="circle"> 
        <li>test1</li>
        <li>test2</li>
    </ul>
    

3.square类型

<ul type="square">
     <li>test1</li
     <li>test2</li>
</ul>

4.列表嵌套

<ul>
        <li>one</li>
        <li>two
            <ul>
                <li>test</li>
                <li>test</li>
                <li>three
                    <ul>
                        <li>test</li>
                    </ul>
                </li>
            </ul>
        </li>
</ul>

H5有序列表

1.默认类型

<ol>
        <li>test1</li>
        <li>test2</li>
        <li><a href="https://www.jianshu.com/">测试连接</a></li>
</ol>

2.有序列表的其他类型只需在默认类型的后面加上type即可
如:

<ol type="A">
       <li>test1</li>
       <li>test2</li>
       <li><a href=https://www.jianshu.com/">测试连接</a></li>
</ol>

3.自定义列表

<dl>
        <dt>test1</dt>
        <dd>test2</dd>
        <dt>test3</dt>
        <dd>test4</dd>
</dl>

相关文章

  • 学习小组Day1笔记-Herobrine

    Day1-Herobrine 列表 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表...

  • HTML 列表

    HTML支持有序、无序和定义列表 实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 无序列表 无序...

  • Markdown示例

    一级标题 二级标题 三级标题 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表 插入...

  • MarkDown语法

    默认就是一个段落 1.无序列表 无序列表 无序列表 无序列表 2.有序列表 有序列表 有序列表 有序列表 3.链接...

  • 操作题

    彼岸花开 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表777莫得问题

  • 2018-12-13

    今天星期四 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 百度 加粗倾斜

  • alisa的Markdown笔记

    一级标题 这是一个引用。 列表 有序列表 有序列表 有序列表 无序列表 无序列表无序子列表 无序列表 代码 我是代...

  • Typora初试

    代码 有序列表 有序列表1 有序列表2 无序列表 无序列表1 无序列表2 表格 图片 引用 引用内容 换行 这是第...

  • 在简书上编辑文章,常用的 Mark Down 语法

    设置斜体设置斜体 加粗字体 百度的超链接 有序列表 有序列表 有序列表 无序列表 无序列表 无序列表 用来设立标题...

  • 2018-12-13

    这是二级标题 有序列表 有序列表 有序列表 无序列表 无序列表 无序列表 百度 文字加粗效果倾斜文字效果

网友评论

      本文标题:H5 -- 有序/无序列表

      本文链接:https://www.haomeiwen.com/subject/gsjycctx.html