- <! Doctype html>声明文档类型
- <html lang="en"> 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english。
这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站，对html页面本身不会有影响
常用标记
- <hr />是单标记，在网页中输入一个<hr />，就添加了一条默认样式的水平线。
- 换行标记<br />
- 段落标记<p>
- <hn>标题文本</hn>(h1~h6h1在一个页面只能出现一次)
- <font>文本内容</font> 用来控制网页中文本的字体、字号和颜色
在网页中.
文本格式化标记
有时需要为文字设置粗体、斜体或下划线效果，这时就需要用到HTML中的文本格式化标记，如下
image.png
超链接
- 在HTML中创建超链接非常简单，只需用<a></a>标记环绕需要被链接的对象即可
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>- href：用于指定链接目标的url地址，当为<a>标记应用href属性时，它就具有了超链接的功能。
- target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。
- <base /> 可以设置整体链接的打开状态
暂时没有确定链接目标时，通常将<a>标记的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接
锚点链接
先定义一个锚点image.png
超链接到锚点image.png
通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：使用“<a href=”#id名“>链接文本</a>”创建链接文本。使用相应的id名标注跳转目标的位置。
图像标记
image.png
该语法中src属性用于指定图像文件的路径和文件名，他是img标记的必需属性。
image.png图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放。
图像文件和html文件位于同一文件夹：只需输入图像文件的名称即可
image.png
图像文件位于html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如
image.png
图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如
image.png
特殊字符标记
image.png
无序列表
无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下，<ul></ul>标记用于定义无序列表，<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项，每对<ul></ul>中至少应包含一对<li></li>
image.png
- 无序列表中type属性的常用值有三个，它们呈现的效果不同.
默认值:disc
方块:square
空心圆:circle
有序列表
image.png
<ol></ol>标记用于定义有序列表，<li></li>为具体的列表项，和无序列表类似，每对<ol></ol>中也至少应包含一对<li></li>
<ol type=a start=2>
<li></li>
</ol>
type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。 start是编号开始的数字，如start=2则编号从2开始，如果从1开始可以省略。使用这些属性，把它们放在<ol>或<li>的的初始标签中。
type类型.png
一般type的设置同样在css中设置
自定义列表
<dl>
<dt></dt> 小标题
<dd></dd> 解释标题
<dd></dd> 解释标题
</dl>
音乐标签
音乐标签.png
滚动效果
滚动效果.png
