网上客服培训考核---阶段二HTML标签和JavaScript脚本试题类型:HTML标签和JavaScript脚本考核类型:开卷1. HTML(Hypertext Markup Language超文本标记语言)是一种用来制作超文本文档的简单标记语言。
利用各种标记(tags)来标识文档的结构以及标识超链(Hyperlink)的信息2.HTML的标记总是封装在由 < 和 > 构成的一对尖括号之中。
除少数几个转义序列之外,HTML标记忽略大小写,即<title>等价于<TITLE>3. <html> 标记用于Html文档的最前边,用来标识Html文档的开始。
而</html>标记恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束。
所有其它HTML标记和文档内容都包含在这对标记之间。
4.<head> 与 </head> 之间的头部信息通常含有 <title> 标记,用来确定HTML文件的标题,即显示在浏览器左上角标题栏处的文字。
5. <head></head> 构成Html文档的开头部分,此标记对之间包含的是HTML文档的头信息,如标题、说明内容等等,其中可包括<title></title>、<script></script>等标记对6. <body></body> 之间的内容是HTML文档的主体部分,在此标记对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等众多的标记它们所定义的文本、图像等将会在浏览器的框内显示出来,标记中还可以有很多属性,以下是主要的几种设置背景颜色bgcolor =”颜色码”,设置文本颜色 text = “颜色码”,设置链接颜色 link = “颜色码”,设置已使用的链接的颜色 vlink = “颜色码”,设置正在被击中的链接的颜色 alink = “颜色码”。
7. <title></title> 之间的内容是HTML文档的标题,标题的显示位置不是浏览器的文本区,而是在Web浏览器窗口最左上方的蓝色标题栏里。
8.标记对是用来创建一个段落(Paragraph),在此标记对之间加入的文本将按照段落的格式显示在浏览器上。
另外,标记还可以使用align属性,它用来说明对齐方式9. <p></p> 是典型的单标记,使用也很简单,它的功能是用来创建一个回车换行10. <div></div> 标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与<p></p>标志对非常相似,同样有align对齐方式属性。
11. <pre></pre> 标记用于显示预格式化文本(Preformatted Text),在这对标记之间的文本,与其他HTML文本的格式编辑方式不同12.Html语言提供了一系列对文本中的标题进行操作的标记对:<h1></h6> ……<h6></h6>,一共有六对标题的标记对13.<b></b>用来使文本以粗体效果的形式输出;14.<i></i>用来使文本以斜体效果的形式输出;15.<u></u>用来使文本以带下划线的形式输出。
16.<strong></strong>则用来输出加重语气文本(通常也是斜体加黑体)。
17. <font></font> 是一对很有用的标记对,它可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。
size属性用来改变字体的大小,取值范围从1到7;而color属性则用来改变文本的颜色18. <img> 是单标记,它通过src属性指定当前位置要插入的图像文件,标记还有alt、align、border、width和height属性19. <hr> 标记是在Html文档中加入一条水平线,也是单标记,可以直接使用,具有size、color、width和noshade属性。
21.<tr></tr>标记对用来创建表格中的行。
此标记对只能放在<table></table>标记对之间使用<td></td>标记对用来创建表格中一行中的列22.<a href=""></a>标记对的属性 href 是不可缺少的,标记对之间加入需要链接的文本或图像(链接图像即加入<img src="">标记)。
href的值可以是URL形式,即网址或相对路径,也可以是绝对路径形式形式,即发送E-Mail形式。
23. <form></form> 标记对用来创建一个表单,即定义表单的开始和结束位置,在标记对之间的一切都属于表单的内容。
<form>标记具有action、method和target属性24.< input >标记用来定义一个用户输入区,用户可在其中输入信息。
此标记必须放在<form></form>标记对之间。
标记中共提供了八种类型的输入区域,具体是哪一种类型由type属性来决定。
25.< select >标记对用来创建一个下拉列表框或可以复选的列表框。
此标记对用于<form></form>标记对之间。
<select>具有multiple、name和size属性。
multiple属性不用赋值,直接加入标记中即可使用,加入了此属性后列表框就成了可多选的形式;26.< option >标记用来指定列表框中的一个选项,它放在<select></select>标记对之间。
此标记具有selected和value属性,selected用来指定默认的选项,value属性用来给<option>指定的那一个选项赋值27.< textarea >用来创建一个可以输入多行的文本框,此标记对用于<form></form>标记对之间。
具有name、cols和rows属性。
cols和rows属性分别用来设置文本框的列数和行数,这里列与行是以字符数为单位的28."<"的转义序列是" < "29.">"的转义序列是" > "30."&"的转义序列是" & "转义序列以"&"符号开头,以";"结尾。
31.JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。
32.通过标识 <script> 指明JavaScript脚本源代码将放入其间。
33.通过属性Language =" javascript "说明标识中是使用的何种语言,这里是JavaScript语言,表示在JavaScript中使用的语言。
34.编写javascript程序片段用javascript提交一个接收用户名,用户密码,验证码的输入表单,提交表单前,校验用户名的规范性(按手机号校验,不能为空),用户密码的规范性(按6位数字密码校验,不能为空),和验证码的规范性(按四位验证码校验,不能为空)。
信息数据不规范时,友善提示用户。
页面表单:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 表单验证 </title><script src="validate.js"></script></head><body><form name="form" method="post" action="">用户名:<input type="Text" name="userName" value="请输入手机号" onfocus="cls(this)" /><span id="nameSpan" style="color: red"></span><br> 密码:<input type="Password" name="password" id="pw" value="" onfocus="cls(this)"/><span id="pwdSpan" style="color: red"></span><br> 验证码:<input type="Text" name="validateCode" value="" size="4" onfocus="cls(this)"/><span id="codeSpan" style="color: red"></span> <br /><input type="button" value="提交"onclick="validate_check()"/></form></body></html>以下是validagte.js文件:function cls(obj){obj.value = "";//alert(obj);}function validate_check(){var sMobile = erName.value;//alert(sMobile);if(sMobile=="" || sMobile == null){document.getElementById('nameSpan').innerHTML = "用户名不能为空!";return false;}if(!(/^1[3|5|8][0-9]\d{4,8}$/.test(sMobile))){//alert("您输入的不是合法的手机号,请重新输入");document.getElementById('nameSpan').innerHTML = "您输入的不是合法的手机号,请重新输入!";erName.focus();return false;}var psw = document.form.password.value;//alert(psw);if(psw=="" || psw == null){//alert("密码不能为空");document.getElementById('pwdSpan').innerHTML = "密码不能为空!";return false;}if(!(/^([0-9]){6}$/.test(psw))){//alert("密码不合法")document.getElementById('pwdSpan').innerHTML = "请输入六位密码!";document.form.password.focus();return false;}var vcode = document.form.validateCode.value;//alert(vcode);if(vcode=="" || vcode == null){document.getElementById('codeSpan').innerHTML = "验证码不能为空!";return false;}if(!(/^([a-z]|[A-Z]|[0-9]){4}$/.test(vcode))){document.getElementById('codeSpan').innerHTML = "请输入四位的验证码!";return false;}document.Forms[0].submit();}。