HTML标签介绍(二)

时间:2022-11-02 12:13:51

 七、图像

 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对象