<!DOCTYPE html>-------------声名文件是html格式
<html lang="zh-CN"> ----------这是个中文页面 en为英语
<head>
<meta charset="UTF-8">
<title>标题</title>
<style></style>-----css样式
<scripy></script>---js
<link/>----引入外部样式
<meta/>---定义网页原信息
<meta name="keywords" content="meta总结，html，meta"/>----关键字
<meta name="description" content="老男孩教育python学院">----网页介绍
<meta http-equiv="refresh" content="2;URL=http://www.oldboyedu.com">---定时刷新，2秒以后跳转到。。。。
<meta http-equiv="x-ua-compatible" content="IE=edge">---告诉ie 以edge模式渲染
</head>
<body>
<!-- 注释内容 -->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<img src="图片路径" alt="无法显示的提示" title="鼠标悬停提示">
<a href="打开的路径">显示的文字</a>
<a href="打开的路径" target="_blank">显示的文字</a>----打开新的页面
<a href="打开的路径" target="_self">显示的文字</a>----在本页面打开
<a href="#a2">a1跳a2</a>
<a href="" id="a2"></a>------页面内跳转
标签的id不可以重复
<b>加粗</b>
<i>斜体</i>
<u>字体底部横线</u>
<s>横线删除</s>
<p>段落</p>
<br/>---换行
<hr/>---水平线
<-----小于号
>-----大于号
©----版权标识
-----空格
&-----&
¥-----人民币羊角号
®-----注册商标
<!--div标签和span标签-->
<div>我是div标签</div>
<div>我是div标签</div>
<span>我是span标签</span>
<span>我是span标签</span>
<!--标签分类-->
块级标签：默认占浏览器宽度，可设置长和宽
h1--h6 div p hr
内联标签（行内标签）内容有多少，占多宽，不能设置长和宽，
a img u s i b span
<!--列表-->
无序号
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
有序号
<ol type="1" start="22"> -- 序号类型 1. 数字。 a，i start 从第几个开始
<li>111</li>
<li>222</li>
<li>2333</li>
</ol>
标题列表--缩进
<dl>
<dt>标题</dt>
<dd>内容</dd>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
</dl>
表格
<table border="1"> ---边框宽度
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>小强</td>
<td>9000</td>
<td rowspan="2">戴帽子</td> ---竖着占2格子
colspan=“2” ----横着占2格子
</tr>
</tbody>
</table>
h1*4>a.c1{$}---pycharm 快速输入4个h1里面有a标签,class为c1
h1*4>a.c1[id=a$]{a标签$}---pycharm 快速输入4个h1里面有a标签,加id
code--reformat code ----快速整理格式
按住alt 多行输入
<!--标签的嵌套规则-->
1. 行内标签不能嵌套块级标签
2. p标签不能嵌套块级标签
</body>
</html>
更改pycharm的html默认模板
settings-----editor-----file and code templates