前提声明：所有内容均为之前学习过程中的笔记和个人总结，（无法避免雷同，敬请谅解，如有侵权，私信删除）。如有错误之处请各位大佬不吝赐教。
（笔记内容将包括 HTML(5)/CSS(3)/JS/bootstrap/less/jQuery/ajax/ES6/promise/axios/Vue2/vue3/npm 以及如何搭建一个java springboot后端服务器与前端进行交互）
下篇预告：CSS常用选择器以及伪类
一、html语法规范
1、标签不区分大小写：但是推荐全部使用小写。
2、<!--注释内容-->注释不能嵌套。
3、除了自关闭标签例如<br> <hr>，所有标签必须有关闭标签例如<p></p>。
4、标签可以嵌套 但是不能交叉。
4、属性必须有值，必须加引号。如果内部有引号，最外层引号必须和内部引号不一致。比如：双引号内部要嵌套单引号
二、图片标签：
<img src="图片路径" width="50px" heigth="50px" alt="这里是图片加载失败时显示,搜索引擎通过alt属性内容进行搜素，不写alt搜索引擎则不会收录和检索">
1、width、height：设置图片宽高，宽度和高度只设置一个其中一个属性时，另外一个会等比例改变。如果自适应页面不建议设置 图片宽高
2、相对和绝对路径
相对路径：相对于当前文件所在目录的路径
../ 返回到当前目录的上级目录 返回几级目录就写几个 ../
绝对路径：在服务器上的完整路径。 不推荐使用绝对路径
3、图片格式
JPEG (JPG): 图片支持颜色多，图片可以压缩，不支持透明 推荐使用保存图片
GIF： 支持的颜色少，只支持简单透明（横竖形状） 支持动态。
PNG： 支持颜色多，支持复杂透明
图片使用原则：
呈现效果一致的 使用文件小的
效果不一致的，使用效果好的。
三、内联框架
使用内联框架可以引入外部页面。
<iframe src="http://www.baidu.com" width="100%" height="60%" name="myframe"></iframe>
src属性：指定外部引入页面的地址
width:框架的宽度
heigth：框架的高度
name：指定框架名称 （可以和<a></a>标签结合使用）
现实开发中不建议使用，因为搜索引擎不会检索该页面信息
四、超链接标签>
a标签，是实现页面链接跳转功能。
使用<a href="" target="" download>标签
设置href="某个页面的URL" 可以实现点击跳转新页面
设置href="#页面的某个位置标签的ID" 就可以回到指定位置（相当于快速定位到页面的某个位置）。 相当于链接到了标签ID属性
设置target属性的值为iframe框架 name属性的值， 可以将href中链接页面显示到框架内。
download属性 可以实现下载 href链接资源。
注：a标签默认取消下划线样式 设置：a {text-decoration:none}。要了解其他常用标签以及标签属性可以查看帮助文档
---------------------------------------分割线------------------------------------------
一、CSS简介 层叠样式表 类似PS的图层
1、CSS是页面样式表现
内联样式：<p style="color: cyan"></p> 写在具体标签里面，只对单个标签生效。
外联样式：写在<style></style>里面，对定义的批量元素生效。 style标签写在head标签里面。
外部样式表：CSS后缀文件 中直接包含样式定义 使用<link rel="stylesheel" type="text/css" href="">引入。 href值为CSS样式文件路径
外部样式表优点：提高样式复用。 根据浏览器缓存，提高页面渲染加载速度。提高用户体验
优先级： 内联>外联>外部样式表。
2、 CSS基础语法 注释：/* 内容 */ p { color：red； font-size:4px }
选择器： 例 P标签 选择页面中指定元素 也叫元素选择器
声明块：{} 里面的内容 效果 可以应用到选择器选中的元素内容上.
3、CSS内联和块元素
内联元素（行内元素）：
多少内容大小就占用多少位置。一行放不下则会自动换行。
例如：<span> <img> <iframe> <a> span标签没有任何语义，只是单纯的选中文字添加
样式。
<a>可以包含它本身以外的任何元素，将元素变为一个超链接，比如将图片变成一个超链接
块元素：无论内容多少都会独占一行的元素
例如： <div></div> <p> <h1> <h2>等
div标签没有任何语义，单纯是块级元素，主要用来页面布局。
