Home > Web Front-end > HTML Tutorial > [HTML]学习笔记01.HTML的列表_html/css_WEB-ITnose

[HTML]学习笔记01.HTML的列表_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 08:46:21
Original
1037 people have browsed it

HTML中列表中共有三种:有序列表、无序列表和定义列表。

有序列表

有序列表是一列使用数字进行标记的项目,例如这个:

  1. 语文
  2. 数学
  3. 英语
  4. 地理
  5. 历史
  6. 政治

有序列表始于

    标签(ordered lists),每个列表项始于
  1. 标签,如下:

    <ol><li>语文</li><li>数学</li><li>英语</li><li>地理</li><li>历史</li><li>政治</li></ol> 
    Copy after login

    无序列表

    无序列表是一组使用黑点状进行标记的项目,例如:

    • 语文
    • 数学
    • 英语
    • 物理
    • 化学
    • 生物

    无序列表始于

      标签,每个列表项始于
    • 。如下:

      <ul><li>语文</li><li>数学</li><li>英语</li><li>物理</li><li>化学</li><li>生物</li></ul> 
      Copy after login

      自定义列表

      定义列表语义上表示项目及其注释的组合,类似:

      文综

      地理 历史 政治

      理综

      物理 化学 生物

      自定义列表以

      标签(definition lists)开始,自定义列表项以
      (definition title)开始,自定义列表项的定义以
      (definition description)开始。例如:

      <dl><dt>文综</dt><dd> 地理 历史 政治</dd><dt>理综</dt><dd>物理 化学 生物</dd></dl> 
      Copy after login

      备注

      列表项内部都可以使用段落、换行符、图片、链接以及其他列表等等。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template