二、HTML语法---了解！ 1.HTML超文本标记语言，是网页设计使用的语言。 2.从<html>开始，到</html>结束，里面包括head和body两个部分，我们测试人员关心的信息主要在body里，head里只关注title网页标题即可。 3.常见的标记（标签）： （1）超级链接（link）：标记名称是a 示例： <a href="flow.php">查看购物车</a> （2）图片：标记名称是img 示例： <img src="themes/default/images/logo.gif"> （3）列表：标记名称是ul或ol，子元素标记名称是li表示列表里的一个条目。 示例： <ul> <li>xxx</li> <li>xxx</li> </ul> （4）表格：标记名称是table，table下级可以有tbody代表表格主体部分，tbody下一级是tr代表行，tr下级有th代表表头列和td代表普通数据列。 示例： <table> <tbody> <tr> <th>xx</th> <th>xx</th> </tr> <tr> <td>xx</td> <td>xx</td> </tr> <tr> <td>xx</td> <td>xx</td> </tr> </tbody> </table> （5）图层：标记名称是div，用于实现布局展示效果，把一块网页区域摆放在网页中的某一个位置。 示例： <div> xxxx </div> （6）表单：是HTML核心元素，是一个容器型标记，里面一般包括一些填写信息或选择信息和提交信息的元素，例如文本框、下拉列表、单选按钮、复选框、按钮、超级链接等，是客户端网页和后台服务器交互的主要组件。 示例： <form action='xxx.jsp' method='post'> …… </form> （7）文本框：标记名称是input，type属性值等于text或password，描述两类文本框（普通文本框、密码文本框）。 示例1： <input name="username" size="25" class="inputBg" type="text"> 示例2： <input name="password" size="15" class="inputBg" type="password"> （8）按钮：标记名称也是input，type属性值等于submit、reset或button，代表不同类型的按钮（提交类型、重置类型、普通按钮）。 示例：搜索按钮 <input name="imageField" value="" class="go" style="cursor:pointer;" type="submit"> （9）单选按钮：标记名称也是input，type属性值是radio，一组互斥的单选按钮一般有相同的name属性值，不同的value属性值，有checked属性的那一个单选按钮是默认选中的。 示例：留言板页里的“留言类型”的一组单选按钮 <input name="msg_type" value="0" checked="checked" type="radio"> 留言 <input name="msg_type" value="1" type="radio"> 投诉 <input name="msg_type" value="2" type="radio"> 询问 <input name="msg_type" value="3" type="radio"> 售后 <input name="msg_type" value="4" type="radio"> 求购 （10）复选框（多选框）：标记名称也是input，type属性值是checkbox，如果有checked属性代表默认是选中的。 示例： <input name="sc_ds" value="1" id="sc_ds" type="checkbox"> （11）下拉列表（下拉框、列表框）：标记名称是select，用multiple属性代表多选，一般有多个子元素是option标记，每一个option标记元素代表的是一个选项，一个下拉列表里的多个option元素有不同的value属性值，在<option>与</option>之间的文本就是网页里选项上能看到的文本。 示例： <select name="category" id="category" class="B_input"> <option value="0">所有分类</option> <option value="6">手机配件</option> <option value="8"> 耳机</option> <option value="7"> 充电器</option> </select> （12）文本域（多行文本框）：标记名称是textarea （13）静态文本：标记名称可能是b、span、font、div、label、h2、td……，但是一般静态文本信息内容都记录在开始和结束标记之间。 示例： <b>评论</b> <h2>标题</h2> 4.通用的属性：不管标记名称是什么，都可能存在的属性 （1）id属性：标志型信息，好比是人的身份证号，是唯一标识。 （2）name属性：不是唯一标识，是元素的名称，好比是人的姓名。 （3）value属性：元素的当前内容，好比是人的面貌。 （4）class属性：元素的所属类别，好比是人的职业。可能会有多个值，会在源代码用空格分开。 5.查看网页的源代码：各种浏览器自带的F12功能，在Firefox里目标元素上右击菜单里选择“查看元素”，在Chrome里目标元素右击菜单里选择“检查”就可以打开网页源代码来查看。除此以外，大家也可以考虑给浏览器安装一些其他的插件来查看源代码，比如Firefox里安装Firebug插件。