一、HTML文档头部
1、<meta>标签：位于HTML文档头部的<HEAD>标签和<TITLE>标签之间，提供用户不可见的信息。可分为两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。
使用方式：<meta http-equiv="类型" content="内容">
例：<meta http-equiv="content-type" content="text/html;charset=GB2132">
2、<title>标签：概括了网页的内容，让浏览者迅速了解网页的大意。
使用方式：<title>网页的标题</title>
二、文档体和段落
1、<body>标签：为HTML文档的正文部分
常用的属性：link--------设定页面默认的超链接颜色
alink------设定鼠标正在单击时的超链接颜色
vlink------设定访问后超链接文字的颜色
background-----设定页面背景图像
bgcolor---------设定页面背景颜色
leftmargin-------设定页面的左边距
topmargin-------设定页面的上边距
bgproperties-------设定页面背景图像为固定，不随页面的滚动而滚动
text------------ 设定页面文字的颜色
2、<br>标签：表示强制换行
3、<p>标签：表示段落标记，不但能使后面的文字换到下一行，还可以使两段之间多一空行。
使用方式：<p align="对齐方式">段落文字内容</p>
4、<hr>标签：用于在网页中插入一条水平线。
使用方式：<hr align=“对齐方式” size="横线精细" width="横线长度" color="横线颜色" noshade>
noshade:设定线条为平面显示，若缺省则有阴影和立体效果。
三、文字标签
1、<font>标签：用于设置网页中的文字显示的大小、字号、颜色等属性。
使用方式：<font size="数字" face="字体名" color=”颜色">被设置的文字</font>
2、<B>：加粗文字
3、<I>：将文字设置为斜体
4、<U>：将文字设为带下画线
5、<STRIKE>：将文字设为带删除线
6、<SUB>：将文字设为下标
7、<SUP>：将文字设为上标
四、列表
1、无序列表：
使用方式：<UL type="符号类型">
<LI type="符号类型1">第1个列表项
<LI type="符号类型2">第2个列表项
</UL>
type的取值为：disc(实心圆点）， circle(空心圆点)，square(方块)
也可以自设图片：<UL Img src="图片URL">
<LI Img src="图片URL">
2、有序列表：
使用方式：<OL type="符号类型">
<LI type="符号类型1">第1个列表项
<LI type="符号类型2">第2个列表项
</OL>
type的取值为："1"（数字）、"A"（大写英文字母）、"a"（小写英文字母）、"I"（大写罗马字母）、"i"（小写罗马字母）
五、超链接：用于从一个网页跳转到另一个网页，点击超链接即进行跳转动作
使用方式：<a href="目标URL" name="链接名称字符串" target="打开窗口方式">
浏览器中显示的热点
</a>
打开窗口方式：_blank ：在新的浏览器窗口中显示目标URL中的内容
_parent ：将目标URL的内容显示在父框架窗口中
_self：在当前窗口中显示目标URL中的内容，为缺省值
_top ：将目标URL中的内容显示在没有框架的窗口中
”框架名称“：用在框架网页中，用于将目标URL中的内容显示在指定的柜框架中
发送电子邮件：<a href="mailto:Email地址">发送邮件的热点文本</a>
六、表格
1、<table>标签：
使用方式：<table border=n //定义表格边框的精细
width=x 或 x% //定义 表格的宽度
height=y 或 y% //定义表格的高度
cellspacing=i //定义表项间隙
cellpadding=j //定义表项内部空白
>
</table>
2、<tr>标签：定义表格中的一行
<td>标签：定义表格中的一个表项
colspan属性：制作跨多列的表格
rowsapnn属性：制作跨多行的表格
七、图像
1、<img>标签：把一张图片加入到网页中的特定位置
使用方式：<img src="图片文件名" alt="简单说明" width="图片的宽度" height="图片的高度" border="边框宽度" hspace="水平方向空白" vspace="垂直方向空白" align="对齐方式">
八、表单
1、<form>标签与<input>标签
使用方式：<form action="网址" method="get | post">
<input type="表单项类型" name="控件名称" size=x maxlength=y>
</form>
表单项类型：text , password , checkbox , radio , hidden , submit , reset
x： 指出单行文本区域的宽度
y：指出允许输入的最大字符数目
2、<select>标签与<option>标签
使用方式：<select size=x name="控件名称" multiple>
<option select value="可选择的内容">
</select>
x：指出在带滚动条的选择栏中一次可见的列表项数
multiple：如有则表于可选多个选项，否则只能单选
select：表示该项是预置的（被选中）
3、<textarea>标签：可创建一个允许输入多行文本的文本框
使用方式：<textarea name="控件名称" rows="行数" cols="列数">
多行文本
</textarea>
九、框架：可用于在一个浏览器窗口中显示多个相互隔离的网页，所有框架标签需要放在一个总起的HTML文件中，只记录该框架如何划分，不会显示任何资料。
1、<frameset>标签与<frame>标签
使用方式：<frameset row="x" cols="y" border="像素数” bordercolor="颜色" frameborder="yes | no" framespacing="z">
<frame src="URL" name="框架名" border="象素数" bordercolor="颜色" frameborder="yes |no " marginwidth=x marginheight=y scrolling="yes | no | auto | noresize" >
<frame src="URL">
</frameset>
marginwidth, marginheight：设置框架内容与左右上下边框的空白
noresize：如有则表示不允许各窗口改变大小，默认设置是允许各窗口改变大小
十、JavaScript中的事件处理
1、onblur事件：发生在窗口失去焦点的时候，应用于windows对象
2、onchange事件：发生在文本输入区的内容被更改，然后焦点从文本输入区移走之后，捕捉此事件主要用于实时检测输入的有效性，或者立刻改变文档内容，可用于password, select , text , textarea对象
3、onclick事件：发生在对象被单击的时候。可用于button, checkbox, image, link , radio, reset, submit对象
4、onfocus事件：发生在窗口得到焦点的时候。可用于window对象
5、onload事件：发生在文档全部下载完毕的时候。可用于window对象
6、onmousedown事件：发生在用户把鼠标放在对象上按下鼠标键的时候。可用于button, link对象
7、onmouseout事件：发生在鼠标离开对象的时候。可用于link对象
8、onmouseover事件：发生在鼠标进入对象范围的时候。可用于link对象
9、onmouserup事件：发生在用户把鼠标放在对象上刀杆键被 按下的情况下，放开鼠标键的时候。可用于button, link对象
10、onreset事件：发生在表单的“重置”按钮被单击的时候，通过在事件处理程序中返回false可以阻止表单被重置。可用于form对象
11、onresize事件：发生在窗口被调整大小的时候，可用于window对象
12、onsubmit事件：发生在表单的“提交”按钮“被单击的时候，可以使用该事件 来验证表单的有效性，通过在事件处理程序中返回false值可以阻止表单提交。可用于form对象
13、onunload事件：发生在用户退出文档的时候 ，应用于window对象
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
