2017.11.2笔记

一、路径的概念

在网络中，以http开头的链接都是绝对路径，绝对路径就是你的主页上的文件或目录在硬盘上
真正的路径，绝对路径一般在CGI程序的路径配置中经常用到，而在制作网页中实际很少用
到。

1.相对路径使用的特殊符号

“./”:代表目前所在的目录。
“../”:代表上一层目录。
以“/”开头：代表根目录。

2.优缺点及使用

绝对路径的优点：如果网页位置改变，里面的链接还是指向正确的URL.
绝对路径的缺点：网页中资源容易被盗用。
相对路径的优点：容易移动内容，可以整个目录移动。
相对路径的缺点：部分内容页面换了位置时，链接容易失效。

二、表格

1.表格简介

HTML中的表格可以大致分为三个部分：
thead 表格的页眉
tbody 表格的主体
tfoot 定义表格的页脚
HTML表格标签：

标签             描述

<table>        定义表格
<th>           定义表格表头
<tr>              定义表格行
<td>             定义表格单元
<caption>    定义表格标题
<colgroup>  定义表格列组
<col>           定义用于表格列的属性
<thead>       定义表格页面
<tbody>       定义表格主体

<tfoot>         定义表格页脚

2. colgroup 的使用

colgroup标签用于对表格中的列进行组合，以便对其进行格式化。
col标签规定了colgroup元素内部的每一列的列属性。

3.合并单元格和表格的间距

colspan属性：合并列。
rowspan属性：合并行。
cellpadding属性：单元格边框与内容的间距。
cellspacing属性：单元格之间的间距。

三、表单域的原理

表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来
的数据。表单在网页中主要负责采集数据。
<form>：<form>标签是成对出现的，以<form>开始，以</form>结束。
action：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
method：数据传送的方式（get/post：get显示数据内容，post隐藏数据内容）。

<form method="传送方式" action="http://www.codingcofee.com/user/register.php">

四、文本框和密码框

当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框。
type：当type="text"时，输入框为文本输入框，当type="password"时,输入框为密码输入框。
name：告诉服务器，我们提交的这个value值代表的什么。

value：为文本输入框设置、值。(一般起到提示作用)。

<form>
<input type="text/password" name="名称" value="文本" />
</form>

五、单选框和复选框

在使用表单时，为了减少用户的操作，使用选择框是一个好主意，html中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中用户可以任意选择多项，甚至全选。
type:当type="radio"时，控件为单选框。当type="checkbox"时，控件为复选框。
value：提交数据到服务器的值（后台程序PHP使用）。
name：告诉服务器，我们提交的这个value值代表的什么。
checked：当设置checked="checked"时，该选项被默认选中。

<input type="radio/checkbox" value="值" name="名称" checked="checked"/>

六、下拉列表框

value：提交数据到服务器的值。
selected="selected"：设置selected="selected"属性，则该选项就被默认选中。
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在windows操作系统下，进行多选时按下Ctrl键同时进行单击（在Mac下使用Command+单击），可以选择多个选项。

七、多行文本和重置按钮

1. 多行文本

<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
name：指定输入框的名字。
cols ：多行输入域的列数。
rows ：多行输入域的行数。
在<textarea></textarea>标签之间可以输入默认值。

<textarea rows="行数" cols="列数">文本</textarea>

2.上传

在实际开发中，我们经常会遇到要求用户上传头像图片或者添加附件在表单中的场景。
在HTML中，文件上传同样也使用input标签。

<input type="file"/>

八、提交按钮和重置按钮

1.提交按钮

type：只有当type值设置为submit时，按钮才有提交作用。
value：按钮上显示的文字。

<input type="submit" value="提交">

2.重置按钮

type：只有当type值设置为reset时，按钮才有重置作用。
value：按钮上显示的文字。

<input type="reset" value="重置">