HTML——列表

无序列表

无序列表是一个项目的列表,此列项目使用项目符号进行标记。

  • 无序列表始于<ul> 标签。每个列表项始于<li>
  • 项目符号:"disc"黑色圆点(默认),"circle"白色圆点,"square"黑色方块。
  • 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
<ul type = "disc">
  <li>JavaScript</li>
  <li>Java</li>
</ul>
无序列表
无序列表

有序列表

有序列表也是一个项目的列表,列表项目使用数字进行标记。

  • 有序列表始于<ol> 标签。每个列表项始于<li>
  • 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
<ol>
  <li>第一章</li>
  <li>第二章</li>
</ol>
有序列表
有序列表

自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

  • 自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
  • 定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
自定义列表
自定义列表

代码实现

Github

效果展示
效果展示

Reference

W3School上的HTML基础教程:http://www.w3school.com.cn/html/index.asp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2017-09-07摘抄自W3school-HTML 列表希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自...
    moralok阅读 271评论 0 0
  • 作业内容 使用HTML实现如下列表 知识点 : HTML列表使用 无序列表 无序列表是一个项目的列表,此列项目使用...
    z嘉嘉嘉阅读 755评论 0 1
  • html有三种列表:有序列表、无序列表、自定义列表 有序列表:有序列表是一列项目,列表项目使用数字进行标记。 有序...
    __Qiao阅读 430评论 0 1
  • 1、 那罗延出生在般若寺,父亲是西魏大将。据说他出生时赤光满室,紫气充庭,寺中的神尼智仙说他天生异相,是注定要得天...
    灵厨阅读 2,885评论 1 7
  • 昨天LY在文中说她最近有些纠结,主要是离职的事情。她现在是一名开发工程师,想转行去做测试工程师。她的纠结在于她在这...
    路元阅读 404评论 3 5