HTML
首先从本质上来讲，HTML语言就是一套规则，浏览器认识的规则。作为
开发者，大致需要以下几个步骤完成前端开发：
- 学习HTML规则
- 开发后台程序
- 写HTML文件（充当模板的作用）
- 数据库获取数据，然后替换到html文件的指定位置（Web框架）
书写的HTML文件如何判断写的对不对，如何预览网页效果，对此有两种本地测试的方法：
- 找到文件路径，直接浏览器打开
- pycharm打开测试
首先在写HTML文件，正常会有<!DOCTYPE HTML>
这段代码是用来决定浏览器渲染网页使用的标准为w3c标准，而非旧标准，浏览器渲染网页通常会有如下两个标准：
window.top.document compatMode
//BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
//CSSICompat：标准模式，浏览器使用W3C标准解析渲染页面。
-html标签，标签内部可以写属性，html标签只能有一个
-注释：
**
标签分类
**
自闭合标签
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
-主动闭合标签
<title>python<title>
**
head标签中
**
meta标签: 编码，跳转，刷新，关键字，描述，IE兼容
<meta charset="UTF8"> //确定编码格式
<meta http-equiv="Refresh" Content="3"> //刷新三秒
<meta http-equiv="Refresh" Content="3;Url=https://www.jd.com"> //3秒后，跳转到京东
<meta name="keywords" Content="购物，京东，京东到家">//网页关键字搜索
<meta name="description" content="是看那个路口给你买了什么规律">//网页描述
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >//强制使用旧方式渲染，兼容IE7
title标签：网页标头
<title>HTML study</title
link标签：搞网页图标
**
body标签
**
图标：例如：‘ ；’是空格 ‘ >；’是大于号 ‘<；’是小于号 等
p标签，段落
br，换行
<p>123akjfnklafl<br/>sakfkagn</p>
<p>123</p>
<p>123</p>
a标签：超链接，点击跳转
<a href="https://www.jd.com">京 东</a>
H系列标签：标题标签，字体大小由H1到H6依次减小
<h1>王</h1>
<h2>湘</h2>
<h3>菲</h3>
<h4>是</h4>
<h5>猪</h5>
<h6>吗</h6>
预览效果
div标签和span标签
这两个标签本身没有什么特殊的属性，div标签是我们常用标签之一，每个div标签内的内容都占据完整的一行；span标签在一行内每个单独占据一部分，它属于行内标签
<div>world</div>
<div>world</div>
<div>world</div
<span>123</span>
<span>123</span>
<span>123</span>
网页预览效果
============================== 小总结================= =========== 所有标签分为：
块级标签：div（白板：可通过css改变特性)，H系列（加大加粗)，p标签（段落间距）
行内标签：span（白板：可通过css改变特性）
标签之间可以嵌套
标签的存在意义：便于css操作，js操作
ps：chorme审查元素的使用-定位-查看样式