1.设置字符集：

　　<meta http-equiv=“content-type” content=“text/html; charset=gb2312”>

　　Ps：也可以设置charset=GBK

2.设置页面定时跳转：

　　<meta http-equiv=”refresh” content=”2; url=具体网址”/>

　　Ps:http-equiv相当于name

3.调出文件的扩展名：

　　工具--文件夹选项--查看--去掉“隐藏已知文件类型的扩展名”。

4.检查代码正确性小技巧：

　　在编辑器中，HTML代码是有颜色区别的

 　　HTML标记（蓝色）

　　 标记属性（红色）

 　　标记属性值（紫色）

 　　HTML注释（绿色）

 　　ps:

　　　　a.不同编辑器对应的颜色可能不同，但同一编辑器中的同一类事物，颜色是相同的。

　　　　　因此可通过看颜色去检查代码的正确性。

　　　　b.不是绝对的。因为有些属性或单词，编辑器并没有收录进去，就没有显示本应显示的颜色。

5.html概念认识：

　　HTML标记，HTML标签，HTML元素，指的都是同一个意思。

6.截图工具（截网页的长图，滚动网页截图）+测量线条的长度（px）：

　　fast stone capture

7.块引用<blockquot></blockquot>:

　　块引用<blockquote cite=”网址”>...</blockquote> 说明 被引用内容的来源地址.

8.字符实体：

　　Ps:版权号和注册商标等符号，用宋体会看不清晰，建议用Arial。

9.网页中要显示多个空格的小技巧：

　　若需要的空格比较多，除了打很多个&nbsp;之外，

　　用text-indent更方便,其属性值可以是正数，也可以负数。

　　或者，用padding。

10.ol有序列表不从1开始如何设置

　　加start="6"

　　Ps：6指的是从6开始，可以输入其他你想要列表显示的开始数字。

　　　　有序列表ol也可以设置不用数字去显示，如type="a/A/s/数字"。

11.web上支持的图片格式极其特点介绍：

　　Gif颜色少256种，支持透明色+动画效果。

　　Jpeg 颜色多1670万种，不支持透明色+动画。

　　Png 不支持动画，支持透明色+颜色多1670万种。

　　总结：只有gif格式的支持动画。

　　　　　gif的颜色少,256种。

　　　　　jpeg只是颜色种类多。

　　　　　png和gif支持动画。

　　Ps：png有兼容性问题，在ie6下，其透明的背景色会不透明地显示出来。

12.上一级/向上两级（不止一级）的文件路径名写法：

　　 ../表示向上一级

　　 ../../则向上2级

13.设置表格内容在单元格中不换行：

　　nowrap="nowrap"

14.小tips:

　　若设置像素为某个值后，效果几乎没有变化，可能是因为设置的像素值跟设置前的像素值很接近。

15.让表格边框为1像素粗的2种方法：

　　a.使用border-collapse:collapse;

　　b.首先，将表格包含的所有border="0"。

　　　然后，将table的背景颜色设置为想要的边框颜色，td+th的背景颜色设置为白色。

　　　最后，将cellspacing设置为1px。

16.小tip（about table）:

　　当<td></td>之间没有内容时，默认是不显示边框的，若想看到边框，则可加个空格&nbsp;。

17.小tips（表格table中的字体font的设置）:

　　在HTML的表格中，要想设置字体大小，font标签要放在td或th标签里面，否则不起作用。

　　由此可见，弊端就是有多少个td/th，就要设置多少个font字体的大小。

　　解决方案：用CSS取代。

18.设置表格的列/直列化格式用<col>/<colgroup>：

　　可以让表格的一整列变颜色或同一宽度等， <colgroup color=”颜色” width="" span="" ></colgroup>

 　  Span是列数，不设置color的时，默认为白色。

　   Ps:<col>和<colgroup>的功能完全一样。

19.超链接link，链接到网页中具体某处：

　　若要链接到一网页中具体的某处，只要在href链接到的网址后直接加上某处的锚点即可。

20.链接Link的重要使用原则：

　　必须是回路的，有去有回。 优化时，优化相关链接。

学习笔记（一）