01.21 列表标签

2019-01-21  本文已影响0人  xxxQinli
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>列表标签</title>
  </head>
  <body>
  <!--
  列表标签(ol,ul,dl)
  网页中多个内容具有相同意义,可以放他们到一个列表中
-->
  <!--
  有序列表(ol)
  ol标签 - 代表整个列表,自动在元素的前面加序号
  li标签 - 代表列表中的元素,元素内容除来文字,还可以是图片、超链接等
-->
    <ol>
      <li>一月</li>
      <li><i>二月</i></li>
      <li>三月</li>
    </ol>
  <!--
  无序列表(ul)
  ul标签 - 代表整个列表;默认在元素前加黑点
  li标签 - 代表列表中的元素,元素内容除来文字,还可以是图片、超链接等
-->
    <ul>
      <li>一月</li>
      <li>二月</li>
      <li>三月</li>
    </ul>
  <!--
  自定义列表(dl)
  dl - 代表整个列表
  dt - 列表分类
  dd - 分类下的内容
-->
    <dl>
      <dt>文科</dt>
        <dd>历史</dd>
        <dd>政治</dd>
        <dd>地理</dd>
      <dt>政治</dt>
        <dd>物理</dd>
        <dd>化学</dd>
        <dd>生物</dd>
      <dt>综合</dt>
        <dd>体育</dd>
    </dl>


  </body>
</html>


上一篇下一篇

猜你喜欢

热点阅读