<!doctype html> 声明文档类型（告诉浏览器这是一个html文件）
<html> 这是根标记
<head> 这是网页头部，
<meta charset = “utf - 8”/> 这是字符编码，1.解决乱码问题2.兼容沟通（不同的编码格式）
<title>这是标题</title> 这是标题栏的内容
</head>
<body> 这是网页的主体，存放网页内容
</body>
</html>
html常用标签
1）标题标签
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
注意：h1标签在一个页面中只能有一个
2) 段落标签
<p>这是段落</p>
3) 图片标签
<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />
注:所要插入的的图片必须放在站点下
1.title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的.
2.alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。
4） 空格
 ；（所占位置没有一个确定的值,这与当前字体字号还有浏览器都有关系。）
5）加粗
<b>加粗内容</b>
<strong>加粗内容</strong>
6）倾斜
<em> 内容</em>
<i>内容</i>
7） 强制换行
<br />
8）水平线
<hr />
9）列表（ul ，ol，dl）
HTML中有三种列表，分别是：无序列表，有序列表，自定义列表
*无序列表组成：
<ul>
<li></li>
<li></li>
．．．．．．
</ul>
*有序列表组成：
<ol>
<li></li>
<li></li>
．．．．．．
</ol>
*自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
．．．．．．
</dl>
10）超链接的应用
语法： <a href="目标文件路径及全称/连接地址" target=“_blank”>链接文本</a>
插入超链接图片的方法：
<a href="目标文件路径及全称/连接地址" target=“_blank”><img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" /></a>
属性：target:页面打开方式
默认属性值：_self 一般是没有指定target属性的a标签的默认属性值
属性值：_blank 新窗口打开
其中，h1~h6、p标签是块标签，特点是自上而下排列，独占一行，可以设置长和宽
hr、br、i，em、b，strong标签是行标签，特点是从左至右排列，只占有内容大小，不能设置长和宽
11.<span></span>
<span>可以用 来组合行内元素，以便通过样式来格式化它们。
注意：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。
标签的类型
1)常规标记（双标记）
<标记 属性=“属性值” 属性=“属性值”></标记> 例：<a href="http://www.baidu.com" target="_blank">百度</a>
2)空标记（单标记）
<标记 属性=“属性值” /> 例：<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />
说明：
1.写在<>中的第一个单词叫做标记，标签，元素。
2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号（“”）内。
3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。
4.空标记没有结束标签，用“/”代替。
例：<标签 属性=“属性值” 属性=“属性值” />
<标签 属性=“属性值” 属性=“属性值”>内容</属性>
相对路径的写法
1)当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；
2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下： 文件夹名/目标文件全称+扩展名；
3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下： ../目标文件所处文件夹名/目标文件文件名+扩展名
