一、HTML的语法
1、常规标记、双标记 <标记 属性=“属性值” 属性=“属性值”>文字内容</标记>
2、空标记、单标记 <标记 属性=“属性值” 属性=“属性值” />
<h1>文章或者重点标题</h1>
<h2>大模块的标题</h2>
<h3>小模块的标题</h3>
<h4>标题H4</h4>
<h5>标题H5</h5>
<h6>标题H6</h6>
段落、加粗、斜体、删除线、上标、下标、强行换行、水平线
<p>段落文本内容</p>
<b>加粗的内容</b>
<strong>加粗的内容</strong>
/*推荐使用strong*/
<i>倾斜的内容</i>
<em>倾斜的内容</em>
<del>删除线</del> <s>刪除綫</s>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>
/*换行符*/
<br>
/*水平线*/
<hr>
HTML列表标签
插入图片
<img src=“图片路径” title=“鼠标悬停上去之后的提示信息” alt=“图片不显示之后的提示信息"/>
绝对路径、相对路径
扫描二维码关注公众号，回复：
14907828 查看本文章
超链接
<a href=“路径” title=“鼠标悬停上去之后的提示信息” target=“规定在何处打开文档">内容</a>
/*
Target属性：规定在何处打开文档。
1、target=“_self“ 默认值
2、target=“_blank“ 新窗口打开
*/HTML div标签
div标签是块级元素，拥有块级元素的特点。每对div标签（<div></div>）里的内容都可以占据一行，不会其他标签在一行显示；div标签总是从新行开始显示；
且div标签可以通过css样式来设置自身的宽度（也可省略，当没有使用css自定义宽度时，div标签的宽度为其的容器的100%）、高度，且还可以设置标签之间的距离（外边距和内边距）；
我们还可以在div标签中，使用其他标签（行内元素、块级元素都行），比如：span标签，p标签，也可以是div标签。
div标签的简单示例：
<div class="div1">内容1，使用div，不设置宽度，不设置边距</div>
<div class="div2">内容2，使用div，不设置宽度，设置内边距padding: 20px</div>
<div class="div3">内容3，使用div，不设置宽度，设置外边距margin: 20px</div>
<div class="div4">内容4，使用div，设置宽度，设置外边距margin: 20px</div>
<div class="div5">内容5，使用div，设置宽度，设置内边距padding: 20px</div>
<div class="div1">内容6，使用div，不设置宽度，不设置边距</div>效果展示：
简单示例2：在div标签了，添加其他html标签
<div>
<span>span标签</span><span>span标签</span><a href="#">a标签</a><a href="#">a标签</a>
<p>p标签</p>
<div>div标签</div>
</div>效果图：
HTML span标签
span标签是行内元素，拥有行内元素的特点。span标签元素会和其他标签元素会在一行显示（块级元素除外），不会另起一行显示（如上例）。
span标签的宽度、高度都无法通过css样式设置，它的宽高受其本身内容（文字、图片）控制，随着内容的宽高改变而改变；span标签无法控制外边距和内边距，虽然可以设置左右的外边距和内边距，但上下的外边距和内边距无法设置。
且，span标签里只能容纳文本或者是其他的行内元素，不能容纳块级元素。
span标签的简单示例：
设置span.span1容器的内边距padding: 20px，span.span1容器内的span标签的外边距margin: 20px;
<span>span标签</span><span>span标签</span><a href="#">a标签</a><a href="#">a标签</a>
<div>div标签</div>
<span class="span1">span标签内，添加<span>span标签</span><a href="#">a标签</a></span>效果图：
特殊字符
