列表、表格与表单基础

列表标签

- HTML中列表标签的分类

​ 无序列表(最多)
​ 有序列表(最少)
​ 定义列表(其次)

1.无序列表

（注意：列表为块级元素，ul嵌套div是可以正常运行的，但是一般不建议
	这样使用，ul通常与li配合使用。
	ul标签和li标签是一个整体，一般情况下ul标签和li标签都是
	一起出现，不会单个出现）

应用场景：1.新闻列表 2.商品列表 3.导航条

<!-- 无序列表  ul li 块级元素
        ul里可以嵌套div 但不建议这样使用 (ul配合li使用)
    -->
    <ul type="circle"> 
        <li>苹果</li>
        <li>香蕉</li>
        <li>榴莲</li>
    </ul>

运行结果：

2.有序列表

应用场景：排行榜等

<!-- 有序列表  ol li 块级元素 -->
    <ol>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
    </ol>

运行结果：

3.定义列表

应用场景：1.做网站尾部的相关信息 2.做图文混排

    <!-- 定义列表  dl dt dd -->
    <dl>
        <!-- 列表标题 -->
        <dt>好好学习</dt>
        <!-- 对列表标题的描述 -->
        <dd>天天向上</dd>
    </dl>

运行结果：

注意：和ul/ol一样, dl和dt/dd是一个整体, 所以他们一般情况下不会单独出现, 都是一起出现

表格标签

	表格标签作用: 用来给一堆数据添加表格语义其实表格是一种数据的展现形式, 当数据量非常大的时候, 
表格这种展现形式被认为是最为清晰的一种展现形式。

-表格标签格式：

<table>
  <tr>
    <td>姓名</td>
    <td>年龄</td>
    <td>身高</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>19</td>
    <td>1.78</td>
  </tr>
</table>

-表格自带标签属性：

• border边框属性：决定表格边框的宽度，border默认情况下值为0，无边框
• 宽高属性：可以给table标签和td标签设置宽高 width 和 height（如果只是给td设置宽高并不会影响整个表格的宽度和高度）
• 表格里的水平对齐与垂直对齐：1. align属性可以设置table标签、tr标签、td标签的水平对齐 align="center" ； 2.垂直对齐只能给tr标签和td标签使用。
• 外边距和内边距属性： cellspacing外边距就是单元格和单元格之间的距离, 我们称之为外边距；cellpadding内边距就是单元格的边框和文字之间的间隙, 我们称之为内边距，默