什么是HTML5呢？
我们今天所谈论的HTML5这个词已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标准，而是围绕着HTML这个东西以及他周边的一系列网页相关技术的总称，这其中既包含了HTML+CSS的网页制作，也包含了JavaScript这门编程语言的相关开发，这就是HTML5。
HTML5能做什么呢？
1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）
2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）
3.Hybrid App(混合应用开发，手机应用 例如，支付宝，淘宝等)
4.Native App(原生应用开发，例如React Native 等框架的开发）
5.桌面应用开发（电脑软件）
6.游戏开发（例如，微信小游戏，其实好多游戏都可以用前端语言进行编写）
7.后端开发（前端学到的nodejs可以实现后端的开发）
一个网页的组成部分
HTML的基本结构
语法：
- 双标签 ：<标签名>描述性的内容</标签名>
- 单标签：<标签名>
- 属性：在标签名后面 第一个尖括号里面
- 属性值：与属性用等号相连接
常用的标签
换行： <br> break的缩写
空格： [一个space键的大小]，并不是一个英文字符大小的空格
 [一个汉字大小的空格]，两个空格
 [半个汉字大小的空格]
1.标题标签 ：h1~h6
特点：从h1到h6逐渐减小，自动换行，有行高,为双标签
2. 段落标签： p
特点：自动换行，双标签，有行高
3.文本格式化标签： 加粗/倾斜 b，strong/i,em
特点：双标签， 不能实现换行
4.超链接 a
属性:
- href： 跟链接跳转的网址
- title： 设置鼠标悬停时的提示信息
- target： 设置网页的打开方式 _slef[在当前页面打开]， _blank[在新的界面中打开]
延申知识点:base标签
语法:<base target="设置的打开方式"> 注意这个是在head里面设置的
5.图片
语法:<img src="图片的路径">
属性:
src： 图片的路径
A.相对路径：
a.图片和html文件在同一文件夹中时【直接用图片的名称即可】
b.图片位于html文件的下一级或者多级文件时，去除掉路径的相同部分，然后保留图片不同的部分，最后加上图片的名字
c.图片位于html文件的上一级或者多级文件时，../找到上一级，直到用../找到与图片的上级文件位于同一文件夹时，去除掉路径的相同部分，然后保留图片不同的部分，最后加上图片的名字
B.绝对路径
width ：设置宽度
height： 设置高度
title ：设置鼠标悬停时提示的信息
alt ：设置图片走丢之后的提示信息
border ：设置边框
6.图片超链接
嵌套标签的使用 ，注意标签的位置
7.列表
（1）有序列表
语法:
<ol>
<li>1</li>
<li>1</li>
<li>1</li>
</ol>应用场景：新闻列表
（2）无序列表
语法:
<ul>
<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>
</ul>应用场景：新闻列表
（3）自定义列表
语法：
<dl>
<dt>被描述的文字或图片</dt>
<dd>起到描述性的内容</dd>
</dl>8.特殊符号
- 版权符号： ©
- 商标符号： ®
