HTML列表

来源:互联网 发布:日本电子行业知乎 编辑:程序博客网 时间:2024/05/16 02:06

  常用的列表分为3种,无序列表(使用<ul>标签),有序列表(使用<ol>标签),自定义列表(使用<dl>标签).
  html的ul标签
  ul 标签是unordered lists的缩写,中文"无序列表"的意思,ul标签是成对出现的以<ul>开始,</ul>结束,每

  一个<li>表示一个项目,默认使用一个点作为开头
  示例:
  <ul>
      <li type="circle">百度</li>
      <li>新浪</li>
      <li>网易</li>
  </ul>

  <ul>有一个type的属性,属性有3个属性值
  dise--实心圆(默认值)
  circle--空心圆
  square--实心方块
  <li>同样适用以上属性,并且优先级高于<ul>

  html的ol标签
  ol,是ordered lists的缩写,中文"有序列表"的意思,ol标签是成对出现的,每一列使用<li>标签(与无序列表相同)定义,每列使用数字或字母开头.
  示例:
  <ul>
      <li type="A">百度</li>
      <li>新浪</li>
      <li>网易</li>
  </ul>
  <ol>的type属性有以下5种值:
  1--表示以 1,2,3,4 来表示
  a--表示以 a,b,c,d 来表示
  A--表示以 A,B,C,D 来表示
  i--表示以 i,ii ,iii 来表示
  I--表示以 I,II,III来表示

  HTML的dl标签
  dl,是definition lists的英文缩写,中文"定义列表"的意思,dl标签是成对出现的,以<dl>开始,</dl>结束,自定义列表的开始使用<dl>标签,列表中每个元素的标题使用<dt>(definition term)定义,后面跟随<dd>(definition description)用于描述列表中元素的内容.

  示例:
  <dl>
      <dt>标题1</dt>
          <dd>标题1的具体内容</dd>
      <dt>标题2</dt>
          <dd>标题2的具体内容</dd>
          <dd>标题2的具体内容</dd>
      <dt>标题3</dt>
          <dd>标题3的具体内容</dd>
  </dl>
  不一定每个dt标签要对应一个dd,可以一对多或多对一
  HTML嵌套列表
  各种列表的嵌套组合
  示例:
  <ul>
      <li>百度</li>
      <li>
          <dl>
              <dt>标题</dt>
              <dd>内容</dd>
          </dl>
      </li>
      <li>新浪</li>
  </ul>

原创粉丝点击