软件测试学习教程（四）-HTML基础
1、通过下面一个实例来简单了解一些HTML
编写好之后，保存，然后找到该文件右键
可以看到相应结果。
说明：
DOCTYPE 声明了文档的类型
<html> 标签是HTML页面的根元素，该标签的结束标志为 </html>
<head>标签包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。
<title>标签定义文档的标题
<body> 标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为 </body>
<h1> 标签作为一个标题使用，该标签的结束标志为 </h1>
<p> 标签作为一个段落显示，该标签的结束标志为 </p>
2、标签属性：HTML 标记标签通常被称为HTML 标签 (HTML tag)
（1）HTML 标签是由尖括号包围的关键词，比如 <html>
（2）HTML 标签通常是成对出现的，比如 <p> 和 </p>
（3）标签对中的第一个标签是开始标签，第二个标签是结束标签
（4）开始和结束标签也被称为开放标签和闭合标签
一般形式如下：
<标签>内容</标签>
3、在 HTML 页面的头部声明字符为 UTF-8 可以解决在浏览器中出现中文乱码的现象。具体实例如下：
4、HTML 标题（Heading）是通过<h1>-<h6>标签来定义的.
h 是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小。
注释: 浏览器会自动地在标题的前后添加空行。
注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后
<hr> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容，使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。
可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
HTML 注释可以方便地用来帮助网页设计人员，提醒他们与程序相关的信息。
注释写法如下:
浏览器不会识别注释，添加注释并不会影响程序显示，但可以方便其他人员理解，也会为自己以后提供很大的帮助。
如何查看源代码：只需要单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。比如我博客某一页的源代码：
5、HTML链接：HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
点击博客链接即可跳转到我的博客页面，
HTML使用标签 <a>来设置超文本链接，是可以从一个页面指向另一个目的端的链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
-
一个未访问过的链接显示为蓝色字体并带有下划线
-
访问过的链接显示为紫色并带上下划线
-
点击链接时，链接显示为红色并带上下划线
注意：如果为这些超链接设置了CSS样式，展示样式会根据CSS的设定来显示。
6、HTML图像：
HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。
举例如下：
在 HTML 中，图像由<img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
height（高度） 与 width（宽度）属性用于设置图像的高度与宽度，指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。
7、HTML表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容，比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。