七、图像
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对象