一、html基本结构
1.文档声明<!doctype html>声明这是一个HTML文档
2.html标签<html>标签的作用相当于开发者在告诉浏览器，整个网页是从这儿开始的，然后到</html>结束。
3.head标签<head>在<head></head>标签对内部只能定义一些特殊内容
<meta charset="utf-8">
<title>我的第一个HTML页面</title>
</head>
4.body标签<body>body标签是页面的“身体”，网页绝大多数的标签代码都是在body标签内部编写
双标签的基本结构：<标签名 属性名="属性值">内容</标签名>
单标签的基本结构：<标签名 属性名="属性值">
常用快捷键：alt+左键 多行编辑
标签名+Tab 补全标签
Ctrl+z 撤销
Ctrl+f 查找和替换
Ctrl+d 把选中的内容复制
Ctrl+u 首选项
<!--这是注释-->
二、段落与文字
Hello World！
标题标签
<h1>这是标题h1</h1>
<h2>这是标题h2</h2>
<h3>这是标题h3</h3>
<h4>这是标题h4</h4>
<h5>这是标题h5</h5>
<h6>这是标题h6</h6>
段落标签<p> 换行标签<br> 水平线标签<hr>
文本格式化标签：
粗体：<b>,<strong>
斜体<i>,<cite>,<em> 上标签<sup> 下标签<sub>
大字号标签<big> 小字号标签<small> 删除线标签<s> 下划线标签<u>
特殊符号： ；空格
下面是一些练习实例
<p> <b>央视网消息</b>（新闻联播）：刚刚结束的内蒙古自治区十三届人大一次会议，选举产生了自治区第十三届全国人大代表。在内蒙古参选的中央提名的代表候选人同志，以全票当选第十三届全国人大代表。</p>
<p> <strong>“人民代表人民选，人民领袖人民爱！”</strong>人大代表们纷纷表示，在以同志为核心的党中央坚强领导下，内蒙古自治区经济社会发展取得历史性成就，正在与全国人民共同经历从富起来到强起来的伟大历史进程。<br>总书记全票当选全国人大代表，是500多名自治区人大代表的共同意愿，是2500多万草原儿女的由衷心声，更是13亿多各族人民忠诚党的核心、拥戴人民领袖的生动体现。</p>
H<sub>2</sub>O
<br>
H<sub>2</sub>SO<sub>4</sub><br>(a-b)<sup>2</sup>=a<sup>2</sup>-2ab+b<sup>2</sup>
<hr>
<big>这是big标签</big><br><small>这是small标签</small><br><s>这是删除线标签</s><br><u>这是下划线标签</u><br>
<h3 align="center">学校召开年度工作总结暨寒假工作部署会</h3>
<h4 align="center">吕传义对深化落实2018年工作、领导干部思想和工作定位提出明确要求</h4>
<h5
align="center"><small>作者：范伟波 来源：新闻网 发布时间：2018-01-19 </small></h5><br>
<strong>本网讯</strong> 1月19日上午，学校在3号教学楼报告厅召开会议，总结2017年度工作，安排部署寒假期间重点工作，并对相关工作提出要求。校党委书记吕传义在会上强调，深化落实学校2018年工作，要深入学习、深度调研、深度改革、深抓重点；领导干部要定位为克服困难、关心群众、甘于奉献、带头守纪。
<hr>
<ul type="square">
<li>吕传义一行到继续教育学院专题调研 01-30</li>
<li>吕传义一行调研工程陶瓷研究院工作 01-29</li>
<li>聊城大学副校长胡海泉一行来访 01-29</li>
<li>滨州沾化区委书记丁峰一行来校考察交流 01-29</li>
<li>我校获评2017年度山东最佳社会声誉搞笑 01-28</li>
<li>学校召开工委工作会议 01-27</li>
三、列表
主要有三种 ： 有序列表、无序列表、定义列表
</ul>
<h4>有序列表</h4>
<ol type="A">
<li>Math</li>
<li>Chinese</li>
<li>English</li>
</ol>
<h4>无序列表</h4>
<ul type="circle">
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ul>
<h4>定义列表</h4>
<dl>
<dt>数学</dt>
<dd>这是一门需要算数的学科</dd>
<dt>语文</dt>
<dd>这是一门需要背课文的学科</dd>
</dl>
</body>
</html>