HTML标签

一、页面

1. body bgcolor background topmargin leftmargin
2. Width: 百分比，像素
3. 1个UTF-8汉字是3个字节

二、Html实体（entity）

1. 大于号>: > greater than
2. 小于号<: &lt; less than
3. 双引号＂: &quot;
4. 单引号＇：&#39;
5. 连接符&： &amp;
6. 不间断空格: &nbsp;
7. 版权符号: &copy;
8. 注册商标: &reg;

三、文本

1. 标题:<h1>~<h6>
2. 内联:<span></span>
3. 换行:</br>
4. 上标:sup
5. 下标:sub
6. 下划线:<u></u>
7. 原样显示:<pre>
8. 代码: <code></code>
9. 变量（倾斜）:<var></var>
10. 加粗效果:<strong></strong> <b></b>
11. 倾斜效果:<em></em> <i></i>
12. 删除线:<s></s> <del></del> <strike></strike>
13. 横线:<hr/>color size width
14. W3c基本不用<font face size color></font> size=1~7

四、颜色

1. 英文：red,green
2. 完整十六位：#ff0000
3. 简写十六位进制：#f00
4. RGB：rgb(255,0,0)
5. 百分比：rgb(100%,0%,0%)

五、列表

1. ul type:disc小圆点，circle空心，square方块
2. ol type:1 start 3 ;1|a|A|i|I
3. dl 自定义列表，dt 标题，dd缩进内容

说明: 如果整体有两种表现形式用定义列表

<dl>
<dt></dt>
<dd></dd>
</dl>

六、图片
<img src alt width height border/>必须有src，alt这两个属性，alt可为空,但一定要有。IE可以看到alt的内容，火狐不行，习惯把alt和tilte都写上。如果alt值不为空，则必须同时具有alt和tilte属性。图片颜色若复杂则存为png(21亿)，而不是gif(易产生色块,色少,256)。
img引入图片之后会有几像素的空白间隙，可添加 img{ display:block; }。

七、背景

1.点背景,repeat-y,right top 成线. 用背景图像画虚线,边框线.逻辑等高(例如新浪).

2.设置背景,文字可以不写,但为了搜索引擎,要写!

.cart{width,height,display:block;text-indent:-9999px;overflow:hidden;background}
<a href=”#” class=”cart”>加入购物车</a>

3.背景颜色透明度

[IE] filter:alpha(opacity=value);0~100;
[Chrome,safari,fireFox] opacity:value;0~1;
Background:color,url,repeat,attachment,position

4.背景的依附方式(Background-attachment):scroll，fixed.

八、超链接(文字,图像,热区)

1. blank，parent，self，top
2. 新窗口，本窗口，父窗口，整个浏览器窗口
3. 链接的表现形式:

(1)链接到网页或者浏览器支持格式的文档
(2)链接到下载资源
(3)

链接到电话：<a href="tel:10086">打电话给:10086</a>

(4)

链接到短信：<a href="sms:10086">发短信给: 10086</a>

(5).

链接到电子邮件：<a href="mailto:[email protected]">126邮箱</a>

(6).锚点链接(书签链接)
a.创建锚点 

<a name=”名称”></a>

b.链接到锚点

链接元素和锚点在同一页面 :<a href=”#锚点名称”>链接元素</a>

链接元素和锚点在不同页面 :<a href=”目标文档URL#锚点名称”>链接元素</a>

(7).链接到javascript：

<a href=”javascript:代码”>链接元素</a>

(8).空连接

<a href=”#”></a>可以返回顶部

<a href=”javascript:void(0);”>链接元素</a> 保持原始位置

(9).带有可点击区域的图像映射

<img src=”pmn.jpg” border=”0” usemap=”#pmap” alt=”pmn” />
<map name=”pmap” id=”pmap”>
<area shape=”circle” coords=”180,139,14” href=”a.html” alt=””>
<area shape=”circle” coords=”129,161,10” href=”b.html” alt=””>
<area shape=”rect” coords=”0,0,110,260” href=”c.html” alt=””>
<map>

圆：圆心x,y坐标半径x，y，r
矩形：x1，y1，x2，y2(对角顶点)左上角，右下角
多边形：x，y，x1，y1，定义定点

九、表格

1 <table border width height cellpadding cellspacing(单元格内边距，单元格外边距),bordercolor,bgcolor,backguround>
2 <tr>无属性
3 <td>width,valign(top,middle,bottom),algin(left,center,right),colspan,rowspan
4 单元格(表格)才有valign垂直对齐.

十、表单
<form name method(get|post) action></form>

1. Get: 从服务器取数据，将表单中的数据按照Variable=Value名值对的形式，添加到Action所指向的Url后面，并且两者使用“？”连接，而各个变量之间使用”&”连接。该方法不安全，传输的数据量小，Url长度有限制，它要求Form表单的数据集的值必须为ASCII字符，Get是Form的默认方法。
2. Post：给服务器交数据，将表单中的数据放在Form的数据体中，按照变量和值相对应的方式，传递到Action所指向的URL。该方法比较安全，可以传输大量的数据，它支持整个ISO10646字符集。上传文件时，只能使用Post。

十一、Input
Text，password，radio，checkbox，button，reset，submit，file，hidden
1.文本框

<iput type=”text” name=”名称” size=”显示宽度” maxlength=”最大宽度” value=”值”/>

2.密码框: Password
3.单选框

<input type=”radio” name=”名称” value=”值”checked=”checked”/>
一组类型的单选框赋予有效值,提交值和显示值可以不同.

4.列表框
(1)菜单式

<select name=”名称” size=”高度”>
<optgroup label=”组名”>
<option value=”值” selected=”selected”></option>
<optgroup>
</select>

(2)列表式

<select name=”名称” size=”高度” multiple=”multiple”>允许多选
一组列表式的列表框,必须命名为数组形式.

5.复选框

<input type=”checkbox”name=”名称”/>
一组复选框,必须命名为数组形式

6.数组命名形式
名称[], 名称[数字], 名称[字母]
7.提交按钮

<input type=”submit”value=”值”/>

8.取消按钮

<input type=”reset”/>

9.自定义按钮(行为由JS控制)

<input type=”button”/>

10.浏览框

<input type=”file” name=”名称”/>
具有浏览框的表单,其提交方式只能为post,表单必须设置enctype=”multipart/form-data”属性

11.隐藏域

<input type=”hidden” name=”名称” value=”值”>

12.多行文本框

<textarea name,rows cols></textarea>

13.给input的placeholder设置颜色

::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}

14.textarea禁止拖动
resize: none;

15.input[type=file] 样式美化

opacity: 0;
filter: alpha(opacity=0);

16.如何删除Input自动记忆的信息？
Autocomplete=off
17.如何设置input属性，默认让用户打开数字键盘？
type=number，type=tel