第二篇 HTML-02

1. 超级链接<a></a>

2. 超链接的应用对象：文本、图片（注意，在IE浏览器下设置了超链接的图片会有边框）

3. 常用属性：

    •href：设置链接对象地址

    •target：设置目标文件的打开方式，属性值为_self（在自身窗口打开，默认），_blank（在新窗口打开）

    •title：设置鼠标悬停时的提示文字

4. 超链接的分类

    •内部链接：就是指站内内部各文件间的链接，链接路径为相对路径

    •外部链接：站点间的链接，链接路径为绝对路径http://www.baidu.com

    •空链接：就是指有链接效果，但是没有链接指向，链接路径为#，需要注意空链接默认返回页面的顶端

    •锚点链接：在文档内部各部分间的链接，可以分为两步来实现该效果

        •第一步：设置锚点：<开始标签id=”锚点名”>

        •第二步：链接锚点：

5. 表格table：

<table></table>

<tr></tr>

<td></td>

6. 表格的基本结构

<table>

<tr>

<td> ... </td>

<td> ... </td>

 ...

</tr>

<tr> ... </tr>

...

</table>

7. table的属性：

•border：设置表格边框，默认为0，属性值可以设置为属性值，值越大，边框越粗

•width：设置表格宽度，属性值为像素值或百分比，默认为内容的宽度

•height：设置表格高度，属性值为像素值或百分比，默认为内容的高度

•cellspacing：设置表格单元格之间的间距，属性值为像素值

•cellpadding：设置表单单元格内容和表框的距离，属性值为像素值

•align：设置表格相对于父元素的水平对齐方式，属性值为leftcenterright

8. tr的属性

•height：设置行高，属性值为像素值

•align：设置表格内容的水平对齐方式，属性值为left、center、right

•valign：设置表格内容的垂直对齐方式，属性值为top、middle（默认）、bottom

9. td的属性

•width：设置单元格所在列的列宽

•height：设置单元格所在行的行高

•align：设置该单元格内容的水平对齐方式，属性值leftcenterright

•valign：设置该单元格内容的垂直对齐方式，属性值为topmiddlebottom

•rowspan：纵向合并单元格，属性值为被合并的单元格的个数

•colspan：横向合并单元格，属性值为被合并的单元格的个数

10. <caption></caption>：设置表格标题，位置在表格开始标签的下面

11. <th></th>：设置表头单元格，具有特定效果的单元格（加粗、居中）

12. <thead><thead>：表格头部（页眉）

13. <tbody></tbody>：表格主体

14. <tfoot></tfoot>：表格页脚

15. 表格的应用

•表格的嵌套

•表格布局

16. Sublime的快捷键

•新建：Ctrl+N

•保存：Ctrl+S

•打开：Ctrl+O

•增加缩进：Tab

•减少缩进：Shift+Tab

•创建HTML基本结构：!+Tab

•复制行：Ctrl+Shift+D

•删除行：Ctrl+Shift+K

•侧栏的显示与隐藏：Ctrl+K+B

•转换为大写：Ctrl+K+U

•转换为小写：Ctrl+K+L

•注释：Ctrl+/

17. HTML中常用的符号

•空格: &nbsp; 

•小于号: &lt;

•大于号: &gt;

•双引号: &quot;

•注册商标: &reg;

•版权符号: &copy;

18. 表单form：所谓表单就是用来收集用户信息的元素

19. 表单域：<form></form>就是表单元素的容器，属性有

•action：设置表单信息提交地址

•method：设置表单信息提交方式，属性值有get（默认，以地址栏的形式提交数据，不安全，数据量小）/post（数据量大，安全）

•target：设置目标程序打开方式，属性值有_self（自身窗口打开）_blank（新窗口打开）

•name：表单名称

20. 表单元素：<input /> <select></select> <textarea></textarea> <fieldset></fieldset>

•文本框:<input type="text" name="表单元素名称" placeholder="提示文字" />

•密码框: <input type="password" name="表单元素名称" />

•单选框:  <input type="radio" name="表单元素名称" value="要提交到服务器的值" />（单选框的name属性的值必须相同）

•复选框: <input type="checkbox" name="表单元素名称" />

•提交按钮: <input type="submit" value="按钮上的提示文字" />