sqlserver 链接工具_【新书连载08】软件测试专项技术—常用Web开发语言和工具

第2章 常用Web开发技术

本章主要介绍和Web相关的开发知识，便于测试人员快速地对Web系统的开发过程有一个直观的了解。常见的开发语言和工具有以下几种。

• 客户端脚本开发语言包含HTML、JavaScript、CSS等。

• 服务器端脚本一般需要进行组合开发，例如，使用比较多的是PHP+MySQL、ASP.NET+SQL Server，以及Java和SQL Server、Servlet、JSP等。

以下就一些常用的开发技术进行介绍。

2.1　常用Web开发语言和工具

2.1.1  HTML

定义：和一般文本不同的是，一个超文本标记语言(Hypertext Markup Language，HTML)文件不仅包含文本内容，还包含一些标记。

其特点如下。

• 一个HTML文件的扩展名是.htm或者.html。

• 用文本编辑器就可以编写HTML文件。

• HTML文件看上去和一般文本类似，但是它比一般文本多了标记。通过、等标记，可以告诉浏览器如何显示文件。

1．入门示例

打开Notepad并新建一个文件，将以下代码复制到这个新文件中，然后将这个文件另存为firstpage.html。

Title of page

This is my first homepage. This text is bold

要浏览firstpage.html文件，需要双击它，或者打开浏览器，在File菜单中选择Open，然后选择这个文件。

关于以上示例的解释如下。

• 这个文件的第一个标签是，这个标签告诉浏览器这是HTML文件的头。文件的最后一个标签是，这表示HTML文件到此结束。

• 和之间的内容是Head信息。Head信息是不显示出来的，在浏览器里看不到它。但是这并不表示这些信息没有用处。比如，在Head信息里加上一些关键词，有助于搜索引擎搜索到对应的网页。

• 和之间的内容是文件的标题。可以在浏览器最顶端的标题栏看到它。

• 和之间的信息是正文。

• 和之间的文字用粗体(bold)来表示。

2．HTML文档包含的内容

通过不同的标记，HTML文档可以包含不同的内容，如文本、链接、图片、列表、表格、表单、框架等。

• 文本：HTML支持多种文本。可以设置不同级别的标题、分段方式和换行方式；可以指定文本的语义和外观；可以说明文本引用自其他地方等。

• 链接：用来指出某些内容与另一个页面或当前页面的某个地方有关。

• 图片：用于使页面更加美观，或提供更多的信息。

• 列表：用于说明一系列条目是彼此相关的。

• 表格：按行与列将数据组织在一起的形式。也有不少人使用表格调整页面布局。

• 表单：通常由文本框、按钮、复选框、单选按钮、下拉列表等组成，从而使HTML页面更有交互性。

• 框架：使页面包含其他的页面。

3．文本标签

最常用的文本标签可能是，它用于改变字体、字号、文字颜色。示例如下。

6

4

红色的5

黑体的字

加粗、下划线、斜体也是常用的文字效果，它们分别由、、来表示。

Bold

underline

italic

如果一篇很长的文章有合适的小标题，就可以快速地对它的内容有了大致的了解。在HTML里，用来表示标题的标签有

、

、

、

、

、

，它们分别表示一级标题、二级标题、三级标题……示例如下。

HTML简易入门教程

什么是HTML

...

HTML的特点

...

4．图片

标签可在页面上添加横线。通过指定属性width与color可以控制横线的长度和颜色。示例如下。

标签用于在页面上添加图片，src属性指定图片的地址。如果无法打开src指定的图片，则浏览器通常会在页面中需要显示图片的地方显示由alt属性定义的文本。使用方法如下。

上面的图片路径也可以是网站上的一个地址。

5．链接

超级链接用标签来表示，href属性指定了链接的地址；标签可以包含文本，也可以包含图片。

网易首页

6．分段与换行

因为HTML文档会忽略空白符，所以要想保证正常的分段与换行，必须指出哪些文字是属于同一段落的，这就用到了标签

。示例如下。

这是第一段。

这是第二段。

也有人不用

，而用
。因为
只表示换行，不表示段落的开始或结束，所以它通常没有结束标签。示例如下。

这是第一段。

这是第二段。

这是第三段。

图2-1形象地说明了分段和换行的区别。

图2-1  分段和换行的区别 ……

扫码/点击阅读原文立即查看本章完整内容

戳