头部：
<head>
<!-- 国际通用编码 -->
<meta charset="UTF-8">
<!-- 超链接优化写法，让所有的超链接都在新窗口中打开 -->
<base target="_blank">
<!-- 关键字 -->
<meta name="keywords" content="_,_,_,">
<!-- 网页描述，给搜索引擎读，seo优化越好排名越靠前-->
<meta name="description" content="">
<!-- 屏幕宽度自适应 -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- 外部链接样式表文件 -->
<link rel="stylesheet" href="1.css">
<!-- 小图标 -->
<link rel="icon" href="">
<title>Document</title>
</head>
单标签：注释，换行，水平线标签，单标签有/（结束标志）；
水平线标记：<hr />；
换行标记：<br />；
注释语句：<!-- 语句 -->；
图像标记：<img src="url" alt="图像不能显示时的替换文本" title="鼠标悬停时显示的内容" width="设置图像宽度" height="设置图像高度" />；
超链接：<a href="指定链接目标的url地址" target="目标窗口的弹出方式">文本/图形</a>；
target：_self:默认值 _blank:在新窗口打开；
链接优化写法：<base target="_blank">:让所有的超链接都在新窗口打开；
锚链接：<p id="sd"></p> <a href="#sd">回到顶部</a>；
空链接：<a href="#"></a>；
下划线标签：<ins></ins>；
音乐标签：<embed src="1.mp3" hidden="true">；
滚动：页面自动滚动效果：<marquee behavior="滚动方式" direction="滚动方向" height="300px" backgroundcolor="orange"><img src="1.jpg" alt="" /></marquee>；
behavior:
alternate:在两端之间来回滚动
scroll:由一端滚动到另一端，会重复
slide:由一端滚动到另一端，不会重复；
direction:
down:向下滚动 left/right/up；
loop:滚动次数 -1：一直滚下去；
双标签：<p>段落标签</p>；
<h1>标题标签</h1>；
<font>文本标签</font>；
<strong>加粗</strong>；
<em>倾斜</em>；
<del>删除线</del>；
<ins>下划线</ins>；
相对路径：
文件和图片：
在同一目录：url直接写文件名；
在上一级：../图片名；
在下一级：文件夹名/图片名；
html 特殊符号标记：
空格符：
小于号<：<
大于号>：>
和号&：&
人民币￥：¥
版权：©
注册商标：®
正负号：±
乘号：×
除号：÷
平方：²
立方：³
html 列表标签：
无序列表：
<ul type="disc">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
<li>列表项5</li>
</ul>
<!-- type属性常用值：
默认值：disc（实心圆）
方块：square
空心圆：circle -->
有序列表：
<ol type=1>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
<li>列表项5</li>
</ol>
<!-- type属性常用值：
type=1(1.2.3);
type=a(a.b.c);
type=A(A.B.C);
type=i(i.ii.iii);
-->
自定义列表：
<dl>
<dt>帮助中心</dt>
<dd>购物指南</dd>
<dd>订单操作</dd>
<dd>账户管理</dd>
</dl>