基础第二天 依旧是认识标签

第二天依旧是认识标签，首先先知道有这么些个东西，后面才知道怎么用，万丈高楼平地起，加油，各位陌生人。

1. 表格标签

在html中表格是用来展示数据的，在table中没有行的概念，只有td单元格来代替

标签代码 <table> </table>  <tr></tr>  <td></td>

Table最大，tr老二  td最小最普通

Table是一个大标签，在table里面包含很多tr（行标签），在tr里面包含很多td单元格

1. 表头单元格

<th></th>标签  表头标签 使表头单元格里面的文字加粗居中显示

1. 表格属性

align:对齐，默认left对齐（左对齐），可以设置center（居中）对齐和right（右边）对齐

Border：边框，默认0，基本设置1

Cellpadding ：文字和边框的距离

Cellspacing：边框和边框之间的距离

Width：设置表格的宽

Height：设置表格的高

4.合并单元格

三步骤：

1、确认是跨行还是跨列合并

2、找到目标单元格，跨行合并是从上到下首个单元格，跨列合并是从左到右首个单元格，

在目标单元格（td）里面写入合并代码（rowspan = “2”/colspan = “2”）,其中”2”是合并的个数，

Rowspan是跨行，colspan是跨列

1. 删除多余的单元格

5.列表

列表有三个，无序列表、有序列表、自定义列表，其中无序列表和自定义列表为重点

无序列表：<ul></ul>

Ul里面只能包含<li>标签 li标签可以包含任何元素，无序列表使用较多

有序列表：<ol></ol>

Ol里面只能包含li标签，li标签可以包含任何元素，使用较少

自定义列表：<dl></dl>

Dl里面只能包含dt标签和dd标签，它们两是并列关系，dd标签就是对dt标签的解释说明，一个dt可以跟随多个dd

1. 表单

表单分为表单域、表单控件（表单元素）、提示信息

1. 表单域

表单域就是一个包含了表单元素的区域，用于收集用户信息，常见于注册页面

1. 表单控件（表单元素）

1. input标签（单标签）

Input 输入表单标签，用于实现和用户的交互，type属性是必写属性，type属性能实现表单控件类型的切换

Type属性值：

text文本框，用户可以输入各种字符

Password 密码框 用于对用户输入内容进行掩码

Radio    单选按钮，能够实现多选一，但是同一组单选按钮的name值必须相同，才能实现多选一

Checkbox  复选框，多选，同上，name值也必须相同。

Submit： 提交按钮，讲表单内容送至后台服务器

Reset ： 重置按钮， 用于重置页面

Button： 普通按钮，没有特别作用，后期搭配js使用

File  ：文件域，上传文件

Name属性：表单元素的名字，name的值是自己设置的，用于区分每个表单元素。

Value属性：刷新或者打开页面时默认显示的文本，也是自己设置的

Checked属性：刷新或打开页面时某个选项默认亮起或打勾，常用于单选或多选

Label标签

用于点击区域聚集鼠标光标，增强用户体验，通常和input成对使用

Select 下拉标签，多个选项时用于节省页面空间，只有一个option值

Textarea 文本域标签，相当于超大的文本框，常用于反馈，评论，等