HTML5语法
1.标签不区分大小写
2.允许属性值不使用引号
3.允许部分属性值的属性省略
列如：
HTML标记
带有“< >”符号的元素被称为HTML标记
例如：<html>、<head>、<body>都是HTML标记
也称为HTML标签或HTML元素
通常将HTML标记分为两大类，分别是“双标记”与“单标记”
双标记也称体标记，是指由开始和结束两个标记符组成的标记。
<标记名>内容</标记名>
单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。
< 标记名 />
HTML注释标记
<!-- 注释语句 -->
标记属性
<标记名 属性1="属性值1" 属性2="属性值2" …> 内容 </标记名>
键值对 （属性和属性值都是以键值对形式存在）
列如：color="red"; color为键，red为值
width:200px; width为键，red为值
HTML5文档头部相关标记
<title> 标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内 <title>网页标题名称</title>
一个HTML文档只能含有一对<title></title>标记，<title></title>之间的内容将显示在浏览器窗口的标题栏中
<meta/>标记用于定义页面的元信息，可重复出现在<head>头部标记中
详情参考：
<link>在head中使用<link>标记可引用外部文件，一个页面允许使用多个<link>标记引用多个外部文件 <link 属性="属性值" />
<style>标记用于为HTML文档定义样式信息，位于<head>头部标记中
<style 属性=”属性值”>样式内容</style>
在HTML中使用style标记时，常常定义其属性为type，相应的属性值为text/css，表示使用内嵌式的CSS样式
标题标记 <hn align="对齐方式">标题文本</hn>（1<=n<=6）
left ：设置标题文字左对齐（默认值）
center：设置标题文字居中对齐
right：设置标题文字右对齐
段落标记 <p align="对齐方式">段落文本</p>
换行标记<br /> 用于实现段落强制换行
水平线 <hr 属性="属性值" />
<hr />是单标记，在网页中输入一个<hr />，就添加了一条默认样式的水平线
文本格式化标志
常用图像格式
GIF最突出的地方就是它支持动画，同时GIF也是一种无损的图像格式，也就是说修改图片之后，图片质量几乎没有损失。再加上GIF支持透明（全透明或全不透明），因此很适合在互联网上使用
GIF格式常常用于Logo、小图标及其他色彩相对单一的图像
PNG包括PNG-8和真色彩PNG（PNG-24和PNG-32）。相对于GIF，PNG最大的优势是体积更小，支持alpha透明（全透明，半透明，全不透明），并且颜色过渡更平滑，但PNG不支持动画。
IE6是可以支持PNG-8，但在处理PNG-24的透明时会显示灰色
JPG所能显示的颜色比GIF和PNG要多的多，可以用来保存超过256种颜色的图像，但是JPG是一种有损压缩的图像格式，这就意味着每修改一次图片都会造成一些图像数据的丢失。
小图片考虑GIF或PNG-8，半透明图像考虑PNG-24，类似照片的图像则考虑JPG
图像标记 <img src="图像URL" />
alt 图像的替换文本属性，在图像无法显示时告诉用户该图片的内容
详情参见：
img标签的alt属性和title属性的作用与区别：
具体写法
运行结果
width height 用来定义图片的宽度和高度，通常我们只设置其中的一个，另一个会按原图等比例显示
border 为图像添加边框、设置边框的宽度。但边框颜色的调整仅仅通过HTML属性是不能够实现的
vspace hspace
HTML中通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。
图像标记<img/ >中的属性title可以用于设置鼠标悬停时图像的提示文字,直接写title=
相对路径不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置
绝对路径一般是指带有盘符的路径，例如完整的网络地址
超链接
语法格式：<a href="跳转目标" target="目标窗口的弹出方式">文本或图像 </a>
herf:用于指定链接目标的url地址，当为<a>标记应用href属性时，它就具有了超链接的功能
target:用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口中打开，_blank为在新窗口中打开
锚点链接
使用“<a href="#id名">链接文本</a>”创建链接文本
使用相应的id名标注跳转目标的位置
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p align="center">
<a name="顶部">这里是顶部<a>
<br>
<a href="text2.html" ><img src="D:\HTML\images/html5.jpg"/></a>
<br>
<a href="http://www.baidu.com" target="blank" tilte="悬停文本" >超链接到百度</a>
<br>
<a href="#顶部">回到顶部</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 align="center">HTLM5百科</h1>
<img src="D:\HTML\images\a.jpg" align="left" hspace="30">
<hr color="black" >
<h1 >111111111111</h1>
<h1 >2222222222222</h1>
<h1 >3333333333333</h1>
<hr color="black" >
<a href="text1.html" ><img src="D:\HTML\images\down.png" align="right"
></a>
<a href="text3.html" ><img src="D:\HTML\images\return.png" align="left"
></a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 align="center">HTML5百科</h1>
<img src="D:\HTML\images\b.jpg" align="left" title="fasdf">
<hr align="right" color="black">
<img src="D:\HTML\images\pic01.jpg"
>
<img src="D:\HTML\images\pic02.jpg"
>
<hr align="right" color="black">
<a href="text2.html" ><img src="D:\HTML\images\up.png" align="left"
></a>
<a href="text1.html" ><img src="D:\HTML\images\return.png" align="right"
></a>
</body>
</html>
外部讲解：
<!DOCTYPE html>：html5的文档声明
帮助浏览器识别文档版本。编写网页时一定要在最前头写档声明，如果不写的话会导致有些浏览器进入怪异模式，无法正常显示页面。<html></html>：网页的根标签，是双标签，非自结束标签。<head></head>：头部。这个标签里面的内容不会显示在网页的内容上。它告诉浏览器相关信息，浏览器根据这些信息确定如何解析这个网页<body></body>：身体。我们要编写的网内内容就写在这个标签里面。<meta charset="utf-8">：设置网页的字符集，防止出现乱码<title></title>：默认显示在网页的标题栏，搜索引擎在检索页面时，会首先检索title标签的内容。它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名。<style></style>：里面写样式。通过选择器选择相应的标签，再设置样式
``:当我们的内容，是给开发者看的，不需要让用户看到，就可以用注释作者：啊_6424
