HTML入门第三天

三.

表格table（表格类数据）：

1.表格标签（重中之重）
基本结构标签：
<table>:定义表格区域
<tr>:定义表格的行
<td>:定义表格中的单元格
<th>:定义表格中的头单元格（居中加粗）

<thead>:定义表头内容
<tbody>:定义主体内容
<tfoot>:定义表注内容（脚注）
<caption>：定义表格标题

基本结构：
<table 属性值=“”>
<tr>
<td></td>
</tr>
</table>
注意：1.table里面有tr行，tr行里面有td。2.tr行里面可以有多个td。3.table里面可以有多个td。

属性：
1.border：定义表格边框。
2.width：表格的宽度。
3.height：定义表格高度
3.align（值有：left，right，center）：对齐方式。
4.bgcolor（值有：rgb（x，x，x），#十六进制数，colorname）：背景颜色。
5.cellpadding：规定单元边沿与其内容之间的空白。
6.cellspacing:规定单元格之间的空白

表格合并：
跨行跨列属性在td标签中
colspan:跨列合并， 一个单元占一行内多个多个单元格位置跨n列，要把下面n-1个td删掉。
rowspan:款行合并， 一个单元占一列内多个单元格位置跨n行，要把他下面的n-1个tr的第一个td删掉；
注意：列的个数要一致，如果一个格子中没有内容请尽量用（&nbsp；空格）补齐，如果要完成跨行跨列，先做一个完整的表格，在一步步去完成跨行跨列。

2.表单与框架

表单：在网页中主要负责数据采集功能，基本分为三个部分：表单标签，表单域，表单按钮。
表单标签：包含处理表单数据请求URL地址以及数据提交到服务器的方式。
表单域：包含文本框，密码框，隐藏域，多行文本框，复选框，单选框，下拉选择和文本上传框。
表单按钮：包括提交按钮，复位按钮和一般按钮，用于将数据传送至服务器上的处理程序或取消输入，还可以用表单按钮来控制其他定义了处理脚本的工作。

form标签(双标签)：
基本结构：<form></form>
基本语法：<form action ="URL" metho="get|post">.....</form>
具体属性：
action:值为URL，发送数据到何处的地址。
method：值有get，post，规定用于发送form-date的http方法。
get：发送数据格式：?属性名=属性值 或 ?属性值=属性名 & ?属性值=属性名。特点：只能发送少量数据（带参），不安全，发送时以明文的方式。
post：可以发送大量数据，安全性高，发送的时候不显示
　　name：所需要提交的数据必须要有这个name值。注意，name命名，必须根据前面内容的含义来写，拼音或英文，数字，字母，下划线，不能以数字开头。
enctype：规定在发送表单数据之前如何对其进行编码。
target：规定在何处打开actionURL。

表单元素：
　　输入框 input （重中之重）：
　　用法：<input /> 标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多形式。
　　input 是单标签，行内元素。

type属性：
　　1.text，定义文本域。
　　2.password，密码框，有掩码。
　　3.submit，提交按钮。
　　4.value属性。注意：value在text的时候是文本框内容，password时是密码值，submit时是提交按钮所显示的内容。
　　5.reset：重置按钮，不是清空，只是初始化。
　　6.name：有名称的标签属性才会提交到后台。
注意事项：
　　其他属性：
　　　　placeholder:定义用户输入的提示文字
　　　　maxlength：文本框最多输入的字符数
　　　　readonly：只读（不可输入）
　　　　disabled：禁用（不可输入），不会提交这个表单元素的数据。
　　　　radio：单选，一组单选必须name相同。
　　　　checkbox：多选，一组多选必须name相同
　　　　file：文件上传框，可以选择文件进行提交。
　　　　hidden：隐藏域，隐藏控件但也会被提交。

总结：学习内容较多，难度也有些许增加，需要反复的练习实践才能真正理解掌握。还有以前学习过的知识，也要时常温习，不然时间一长，就会有所遗忘。