<!DOCTYPE html> ---> 对应规则关系（标准）
1、一套规则，浏览器认识的规则
2、 开发者： 学习html规则 开发后台程序
- 写html文件（充当模板作用）
- 数据库获取数据，然后替换到html文件的指定位置(web框架)
3、本地测试
- 找到文件路径，直接浏览器打开
- pycharm打开测试
4、编写html文件 - doctype对应关系
- html标签，标签内部可以写属性
===> 只能有一个html、head、body标签
- 注释：<!-- 注释内容 >
5、 标签分类
- 自闭合标签： <meta charset="UTF-8">
- 主动闭合标签： <title>老男孩</title>
head标签
- meta标签：
属性：编码，跳转，刷新，关键字，描述，IE兼容
<meta http-equiv="refresh" content="3"> 页面默认3s刷新一次
<meta http-equiv="refresh" content="3;Url=http://baidu.com"> 页面默认3s跳转到baidu.com
<meta name="keywords" content="灰太狼,喜洋洋"> # 关键字搜索
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;"> IE浏览器从最新的开始，看能否兼容
- title标签：
页面头标签，显示出来能看到的内容
- link标签：
搞图标,引用css文件
<link rel="stylesheet" href="css/comms.css"/>
1 <head> 2 <meta charset="UTF-8"> 3 <meta http-equiv="refresh" content="3"> 4 <meta http-equiv="refresh" content="3;Url=http://baidu.com"> 5 <meta name="keywords" content="灰太狼,喜洋洋"> 6 <meta name="descripts" content="你好，这个喜洋洋与灰太狼。。。"> 7 <title>页面标题</title> 8 </head>