本章主要介绍和Web相关的开发知识，便于测试人员快速地对Web系统的开发过程有一个直观的了解。常见的开发语言和工具有以下几种。
客户端脚本开发语言包含HTML、JavaScript、CSS等。
服务器端脚本一般需要进行组合开发，例如，使用比较多的是PHP+MySQL、ASP.NET+SQLServer，以及Java和SQLServer、Servlet、JSP等。
以下就一些常用的开发技术进行介绍。
2.1 常用Web开发语言和工具
2.1.1HTML
定义：和一般文本不同的是，一个超文本标记语言（HypertextMarkupLanguage，HTML）文件不仅包含文本内容，还包含一些标记。
其特点如下。
一个HTML文件的扩展名是.htm或者.html。
用文本编辑器就可以编写HTML文件。
HTML文件看上去和一般文本类似，但是它比一般文本多了标记。通过html、b等标记，可以告诉浏览器如何显示文件。
1．入门示例
打开Notepad并新建一个文件，将以下代码复制到这个新文件中，然后将这个文件另存为firstpage.html。
html
head
titleTitleofpage/title
/head
body
Thisismyfirsthomepage.bThistextisbold/b
/body
/html
要浏览firstpage.html文件，需要双击它，或者打开浏览器，在File菜单中选择Open，然后选择这个文件。
关于以上示例的解释如下。
这个文件的第一个标签是html，这个标签告诉浏览器这是HTML文件的头。文件的最后一个标签是/html，这表示HTML文件到此结束。
head和/head之间的内容是Head信息。Head信息是不显示出来的，在浏览器里看不到它。但是这并不表示这些信息没有用处。比如，在Head信息里加上一些关键词，有助于搜索引擎搜索到对应的网页。
title和/title之间的内容是文件的标题。可以在浏览器最顶端的标题栏看到它。
body和/body之间的信息是正文。
b和/b之间的文字用粗体（bold）来表示。
2．HTML文档包含的内容
通过不同的标记，HTML文档可以包含不同的内容，如文本、链接、图片、列表、表格、表单、框架等。
文本：HTML支持多种文本。可以设置不同级别的标题、分段方式和换行方式；可以指定文本的语义和外观；可以说明文本引用自其他地方等。
链接：用来指出某些内容与另一个页面或当前页面的某个地方有关。
图片：用于使页面更加美观，或提供更多的信息。
列表：用于说明一系列条目是彼此相关的。
表格：按行与列将数据组织在一起的形式。也有不少人使用表格调整页面布局。
表单：通常由文本框、按钮、复选框、单选按钮、下拉列表等组成，从而使HTML页面更有交互性。
框架：使页面包含其他的页面。
3．文本标签
最常用的文本标签可能是font，它用于改变字体、字号、文字颜色。示例如下。
fontsize="6"6/font
fontsize="4"4/font
fontcolor="red"size="5"红色的5/font
fontface="黑体"黑体的字/font
加粗、下划线、斜体也是常用的文字效果，它们分别由b、u、i来表示。bBold/b
uunderline/u
iitalic/i
如果一篇很长的文章有合适的小标题，就可以快速地对它的内容有了大致的了解。在HTML里，用来表示标题的标签有h1、h2、h3、h4、h5、h6，它们分别表示一级标题、二级标题、三级标题……示例如下。
h1HTML简易入门教程/h1
h2什么是HTML/h2
...
h2HTML的特点/h2
...
4．图片
hr标签可在页面上添加横线。通过指定属性width与color可以控制横线的长度和颜色。示例如下。
hrwidth="90%"color="red"
img标签用于在页面上添加图片，src属性指定图片的地址。如果无法打开src指定的图片，则浏览器通常会在页面中需要显示图片的地方显示由alt属性定义的文本。使用方法如下。
imgsrc="图片路径"
上面的图片路径也可以是网站上的一个地址。
5．链接
超级链接用a标签来表示，href属性指定了链接的地址；a标签可以包含文本，也可以包含图片。
ahref="