目标：1.HTML概念
2.HTML发展史
3.基础语法
4.常用标签（段落、图片、链接...）
5.实例
一、HTML（Hypertext Markup Language）即超文本标记语言
注：1.标记语言不等于编程语言（是一套标签）
2.HTML不需要编译，直接由浏览器执行
3.HTML文件是一个文本文件，后缀名为 .html
二、HTML发展史
1993（IEFT-->HTML1.0）
1995 (W3C-->HTML2.0) 到1999年都在不断完善HTML
2000 (W3C-->XHTML1.0) 往后都在一直不断完善
2014 (HTML定稿)
三、开发工具
sublim webstorm vscode hbulider等
四、基础语法
(1)HTML基本结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
注：快捷键 : ！+ tab
(2)标签规范
双标签 ：<html></html>
单标签 ：<hr/> <!-- 水平线标签-->
(3)标签属性
<标签名 属性名1=“属性值” 属性名2=“属性值2” ... > </标签名>
<div backgroung-color ="red"; >
(4)标签注释
<!-- 注释内容 -->
(5)DOCTYPE文档声明
<!DOCTYPE html>
注：声明文档类型，不是HTML标签
(6)编码问题
<meta charset="utf-8">
解决网页乱码; 在国内使用比较多的就是utf-8和gb2312
五、常用标签
(1)修饰标签
<i></i>(<em></em>): 倾斜
<b></b>(<strong></strong>): 加粗
<sub>: 下标
<sup>: 上标
(2)特殊符号
空格
< <
> >
注：只需要记一下常用的就好，其他的用的时候可以自己查询
(3)文字和段落标签
1）标题标签：<h1></h1> ~ <h6></h6>
2）段落标签：<p></p>
注：align属性：center(居中) left(左对齐) right(右对齐) justify(两端对齐)
3）换行标签：<br/>
4）预格式设置：<pre></pre> （保留空格和换行）
(4)图片标签
<img src="图像的url" alt="图像代替文本" title="鼠标悬停时显示的文字" width="" height="">
(5)超链接标签
<a herf="" > 内容 </a>
内容可以为文字、图片等
属性：href->链接地址，可以为内部链接或外部链接(外部链接用绝对路径http://...)
target->_self _blank(最常用，新窗口打开) _parent _top
(6) 列表标签
1）无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
注：type属性：disc(圆点) square(正方形) circle(空心圆)
2）有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
注：type属性：1 a A ⅰ Ⅰ
3）自定义列表
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
...
</dl>
4）列表标签应用场景：
导航栏、榜单、新闻资讯等
六、补充
路径问题
1）相对路径：同一级目录：<img src="1.jpg">
上一级目录：<img src="../1.jpg">
下一级目录：<img src="img/1.jpg">
2）绝对路径：E:project/demo/img/1.jpg
HTML的基础部分结束啦，欢迎大家批评指正！！！编辑了好几次才发出去，不知道是什么问题，反正好伤心呀
