html5学习渐阶笔记---列表

最新推荐文章于 2015-06-28 17:25:56 发布

Jarlen

最新推荐文章于 2015-06-28 17:25:56 发布

阅读量963

点赞数

分类专栏：脚本语言学习文章标签： html5 标签列表

本文链接：https://blog.csdn.net/Jarlen/article/details/44434373

版权

脚本语言学习专栏收录该内容

20 篇文章 0 订阅

订阅专栏

列表的标签及其描述

<ul>....</ul>无序列表

<ol>...</ol> 有序列表

<li>...</li> 列表项

一下是自定义

<dd>...</dd>描述

<dl>...</dl>列表
<dt>...</dt>列表项

具体描述

无序列表

<ul>

<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>

</ul>

其中type属性，disc(实心点),circle(圆圈),square(方块)

有序列表

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

其中有属性type，来设置有序排列的样式，A，a，I，i，start

start和type属性一样，表示序列从哪个开始、

<body>

  <p>无序列表</p>
<ul type="disc">
  <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
  </ul>

  <p>有序列表</p>

  <ol type="a">
     <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
    </ol>

<ol start="3">
     <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
    </ol>
</body>

这里写图片描述

嵌套列表

在列表里面嵌套列表，很简单，略。

使用上述标签

自定义列表

使用<dl>...</dl>//列表

<dt>...</dt>//列表项

<dd>...</dd>//描述

 <p>自定义列表</p>

  <dl>

    <dt>
      hello
      </dt>

  <dd>描述1</dd>

    <dt>
      hello
      </dt>

  <dd>描述2</dd>
    <dt>
      hello
      </dt>

     <dd>描述3</dd>
</dl>

这里写图片描述

Jarlen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5学习渐阶笔记---列表

列表的标签及其描述<ul>....</ul>无序列表<ol>...</ol> 有序列表<li>...</li> 列表项一下是自定义<dd>...</dd>描述<dl>...</dl>列表<dt>...</dt>列表项具体描述无序列表<ul><li>列表项1</li><li>列表项2</li><li>列表项3</li></ul>其中type属性，disc(实心点),circle(圆圈),s
复制链接

扫一扫