一、html
介绍：
web前端三大核心技术：
1. HTML：负责网页的架构
2.CSS：负责网页的样式、美化
3.JS：负责网页的行为
什么是HTML：HTML是用来描述网页的一种语言
HTML标签：
1.单标签<html>
2.双标签<b>内容</b>
标签属性：
属性格式：属性名=“属性值”
<a href="http://www.jd.com" >京东</a>
骨架标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ooooooooooo</title>
</head>
<body>
oooooooooooooo
</body>
</html>
重点：
1.页面的内容必须在body编写
2.html为根标签，所有的标签必须在根标签中
3.head标签为头部标签，一般放title和搜索相关知识
注释：快捷键 ctrl + /
标题标签：
文章标题
h1~h6 h1最大
段落标签：标识一个段落
段落标签：p
特点：
1.独占一行
2.做换行使用
3.语义化（浏览器）
超链接标签：点击文本跳转到指定页面
超链接标签：a
作用：点击文本跳转到指定页面
属性：
href：点击文本跳转链接地址
target：值为_blank时，在新窗口打开。
图片标签：在页面中插入图片
图片标签：img
作用：插入图片
属性：
src：加载图片的路径
width：宽
height：高
alt：图片未加载时，显示信息
title：图片加载，鼠标悬停显示信息。图片未加载，显示信息（优先级低于alt）
测试点：图片必须有title属性（原因：体验感好）
换行与空格
换行：<br/>
空格：
布局标签
div：大盒子，独占一行
span：小盒子，一行放多个
input标签
input：变形金刚 type属性值不同
text：文本框
password：密码框
radio：单选
如何做到单选效果：相同一组才能单选，相同的name属性值为一组。
checkbox：多选框
button：普通按钮
form标签：提交页面输入数据
属性：
action：将数据提交到那个页面
method：
get：
1.参数在url中显示
2.速度相对于Post快
3.提交内容长度有限制
post：
1.参数不在url显示
2.速度相对于post慢
3.提交内容长度无限制
场景：
1.get：查询使用
2.post：提交数据 数据使用（登录，注册）
扩展：抓包
抓包：抓客户端发送服务器的数据包或服务器响应客户端的数据包
列表标签
列表标签：li
有序：
ol>li
无序：
ul>li
常用标签
1.<script>js语句</script>
2.<style>css样式</style>
3.<link src="http://www.xxx.xxx/xx.css/">
标签：软件测试,标签,基础,之六,图片,HTML,单选,属性,页面 From： https://www.cnblogs.com/gjm-study-test/p/16796705.html