测牛学堂：一次学会软件测试需要了解的前端知识之html标签

软件测试工程师需要了解的html标签

标题标签

h1 h2 h3 h4 h5 h6 h标签自动换行，上下有空格，字体加粗，在html中表示标题。

<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>

span

无意义的标签，当有些内容没有被标签修饰时，可以使用span

font

font标签已经被弃用，因为这个标签太老了

a标签

a标签就是超链接。有很多默认样式，蓝色字体，有下划线，鼠标悬停会变成小手。 点击过以后字体会变成紫色 重要属性：href 跳转的链接地址
target： 一个是_blank 会在新页面打开href的网址 一个是_self(默认)在本标签打开页面

html中的列表

无序列表

  <ul>
    <li>java</li>
    <li>python</li>
    <li>javascript</li>
  </ul>

有序列表 ol li

p标签

段落标签，独立成段，上下有空行

其它的一些标签

strong 加粗， b标签，也是加粗 ，i 标签，斜体字，center自动居中

表格

  <table border="1" width="500">
    <tr>
      <td>hello</td>
      <td>hello</td>
      <td>hello</td>
    </tr>
    <tr>
      <td>hello</td>
      <td>hello</td>
      <td>hello</td>
    </tr>
  </table>

表单

表单标签就是用于用户提交数据用的。 action是提交的地址，methd 是提交请求的方式，有post和get，默认是get，但是表单一般使用的是post 表单里面常用的一些标签 input 输入，type 是text是正常文本，password是输入密码，输入的内容会变成点
input的type 还可以是radio，变成单选，checkbox变成多选
select 是下拉选择框
textarea 是长文本的输入框

  <form action="xxxx" method="post">
    用户名：<input type="text">
    密码： <input type="password">
    性别：<input type="radio" name="sex">男 <input type="radio" name="sex">女
    爱好：
    <input type="checkbox" name="hobby"> 干饭 
    <input type="checkbox" name="hobby"> 干饭 
    <input type="checkbox" name="hobby"> 干饭 
    <input type="checkbox" name="hobby"> 干饭 
    省份：
    <select>
      <option >北京</option>
      <option >广州</option>
      <option >深圳</option>
    简介：
    <textarea name="" id="" cols="30" rows="10"></textarea>
    </select>
  </form>

总结

这些就是html常用的标签了，新手可能会觉得比较多比较难。其实他们都是很简单的英文单词组成的，觉得难是因为第一次接触。如果静下心来花上半个小时一个小时，每个标签写个三五遍，就会非常熟练了。

所以我们不要有畏难情绪，我们是测试，就是要懂很多东西的。这些都是基本的，可以让我们更好的了解前端代码。你如果不了解一个东西，有怎么能做好测试的准备呢？