#HTML超文本（二） ##2.1 HTML列表 HTML列表标记主要有三种：有序列表、无序列表和定义列表。 ###(1).有序列表有序列表始于 < ol> 标签。每个列表项始于 < li> 标签。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932839656.png-wm) ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932847945.png-wm) ###(2).无序列表无序列表在HTML中还是很常用的。无序列表始于 < ul> 标签。每个列表项始于 < li>（有序无序是一样的）。无序列表排序的时候就是给每个列表项加各种小符号其中分为Disc（默认）实心黑点;Circle小圈;square方点，与有序列表的属性都是用的一样的 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932905897.png-wm) ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932906205.png-wm) ###(3).定义性列表定义列表通常用于术语的定义和解释。定义列表由< dl>开始，术语由< dt>开始，解释说明由< dd>开始，< dd>....< /dd>里的文字缩进显示。 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932946463.png-wm) ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932946795.png-wm) ##2.2 HTML块块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;就像以前用到的 < h1>, < p>, < ul>, < table>标签。内联元素(inline)特性：和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小;以前用到的< b>, < td>, < a>, < img>标签。在这里我们先介绍两个标签< div>标签和< span>标签。 < div>用来定义文档中的分区或节（division/section），没有特定的含义。它是可用于组合其他 HTML 元素的容器 < span>用来组合文档中的行内元素，也没有特定的含义 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932991043.png-wm) ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525932991348.png-wm) ##2.3 HTML布局 ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525933035290.png-wm) ![图片描述](https://dn-simplecloud.shiyanlou.com/uid/389509/1525933035703.png-wm) ##2.4 HTML表单表单标签是什么，表单标签就是用于网页中的数据提交，比如我们注册网页，在留言板中留言、评论等可以填写数据，提交处理地方都需要表单标签，form表单标签内有输入框input、单选、多选、select下拉列表菜单与跳转菜单、提交按钮等标签内容。

“HTML基础入门”实验报告