把HTML语言作为学习Selenium WebDriver工具的入门点是最好不过的了，因为HTML语法简单，即学即用，可以提升我作为软件测试人员，初学者的信心。为什么一开始就要学习HTML语言呢？因为Selenium WebDriver模块中的方法操纵的对象是网页元素，而网页元素是由HTML语言编写的，所以大家很有必要了解一下HTML语言。
【代码分析】
<html>
<head>
</head>
<body>我的第一个网页</body>
</html>
● 一个完整的HTML文档是以<html>标签开始，然后以</html>标签结束的。
● 网页的正文“我的第一个网页”是放在<body>和</body>标签内的，body标签称为正文标签，凡是在网页正文中直接展示的内容都需要放在<body>和</body>标签内。
● <html>和</html>、<body>和</body>标签都是成双成对的，所以也称它们为双标签。
将以上代码另存为文件名是1.html的文件，它是一个HTML格式的文件。再通过浏览器打开这个文件，就可以看到网页展示的效果，如图10-1所示，网页的正文“我的第一个网页”显示在网页中。
例2：制作一个带有标题的网页。
【代码分析】
● <title>和</title>双标签是专门用来设置网页标题的，因此，此网页显示的标题为“制作网页”。
● <title>和</title>双标签被放置在了<head>和</head>标签里，<head>和</head>被称为头部标签，不需要在网页正文直接显示的内容都需要放在头部标签里。
● 可以这样来理解一个HTML文档的结构：在一个HTML文档中，整个文档是以<html>标签开始的，其中头部内容是以<head>标签开始的，并以</head>标签结束，也就是说当看到标签中带有斜杠时，就代表着该标签的内容结束了。而正文内容是以<body>标签开始，并以</body>标签结束的，也就是说当看到</body>这个标签时，就代表着正文的内容结束了。当看到</html>这个标签时就代表着整个HTML文档结束了。
例3：向网页中插入一个文本输入框。
<html>
<head>
<title>信息输入标签</title>
</head>
<body>
我的第一个网页
<input id = "u2" maxlength="8" name ="w2" type="text">
</body>
</html>
【代码分析】
● <input>标签的作用：提示用户在这里可以输入数据，而id、maxlength、name、type这4个字段则是<input>标签的属性。
● type="text"的含义：进行数据输入的地方是一个文本输入框。
● id ="u2"的含义：给这个文本输入框编一个id号，其id号为“u2”。当有多个文本输入框时，通过这个id号就可以快速识别出此文本输入框（这个id号就如人的身份证号码一样）
● name ="w2"的含义：给这个文本输入框命名（就像给一个人起名字一样），其文本输入框的名字是w2。● maxlength="8"的含义：这个文本输入框最长可以输入8个字符。
● <input>标签是单个出现的，所以它被称为单标签，由于输入框是直接显示在网页的正文中，所以<input>标签放在了<body>和</body>正文标签里面。
例4：向网页中插入一个超链接。
<html>
<head>
<title>自定义超链接标签</title>
</head>
<body>
我的第一个网页
<br>
<input id = "u2" maxlength="8" name ="w2" type="text">
<br>
<a href="http://www.ptpress.com.cn/">人民邮电出版社</a>
</body>
</html>
【代码分析】
● <a>标签的作用是定义一个超链接。
● href是<a>标签的重要属性，它的作用是指定链接的目标，本代码的意思是为“人民邮电出版社”指定链接的目标，当在页面上单击“人民邮电出版”时系统就自动链接到“http://www.ptpress.com.cn/”这个网址（href是Hypertext Reference的缩写。意思是指定超链接目标的URL）
● 为了页面效果，这里加入<br>标签，这个标签的作用是换行。
● 为了页面效果，这里加入<br>标签，这个标签的作用是换行。
在一个Web页面中，出现最多的两个网页元素就是文本输入框和链接，而且这两个网页元素也是Selenium WebDriver工具比较常操作的两个元素，所以本节内容将<input>标签和<a>标签进行了单独讲解。
987
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
