初识软件测试之HTML介绍

1、HTML介绍

web前端三大核心技术

        html：负责网页的架构

        css：负责网页的样式、美化

        js：负责网页的行为

什么是html：是用来描述网页的一种语言

html标签：

        单标签<br/>

        双标签<b>内容</b>

标签属性：

        属性格式：属性名="属性值"  <a href = "http://www.baidu.com">百度</a>

2、HTML骨架标签

骨架标签：每个网页都有通用的标签结构，称之为骨架标签。

3、编写HTML工具

有需要的朋友自己搜吧，这里就不做赘述了

4、注释

快捷键：ctrl+/

作用：对代码进行解释说明，用于程序员之间交流，不会被浏览器执行

5、常用标签

标题标签说明：HTML通过<h1>-<h6>等标签进行定义

段落标签说明：HTML标签是通过<p>标签进行定义的

超链接标签说明：超链接是通过<a>标签进行定义的

        属性：href：跳转地址

                    target：新窗口打开

图片标签说明：网页中插入图片就要使用图片标签，HTML图片是通过<img>标签进行定义的

        属性：

                src：图片路径

                title：光标悬停显示文字

                alt：图片未加载时显示文字

                width：图片宽度

                height：图片高度

换行和空格：HTML本身对于换行和空格并不敏感，所以如果想要换行或者添加空格，需要使用专用字符

        换行：<br />、空格：&nbsp;

布局标签说明：页面布局使用，常用（div和span）

列表标签说明：列表标签常用li元素（分为：有序和无序）

表单标签说明：页面提交输入信息需要使用表单标签<form>

        提交数据的后台地址：action

        表单元素：input

        单行文本框：type="text"

        密码框：type="password"

        单选框：name属性设置一致为一组，一组单选框只能选中一个 type="radio"

        复选框：type:"checkbox"

        提交按钮：type:"submit"

        重置：type="reset"

        普通按钮：type="button"（该按钮需要额外设置value属性，必需配合js才能正常使用）

        提交方法：method:"get"

        提交地址：action=""

        get:
                1、参数拼接在地址栏中
                2、参数长度有限制
                3、get方式不安全

        post：
                1、参数放在请求体当中
                2、参数长度没有限制
                3、相对安全