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>头部标记中
详情参考：https://blog.csdn.net/HelloBBWorld/article/details/60584891?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-2.add_param_isCf
<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 图像的替换文本属性，在图像无法显示时告诉用户该图片的内容
详情参见：https://blog.csdn.net/zhaomengszu/article/details/87801341?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159935650319725254019013%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=159935650319725254019013&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v3~rank_business_v1-1-87801341.ecpm_v3_rank_business_v1&utm_term=HTML%E9%87%8Cimg%E6%A0%87%E7%AD%BE%E7%9A%84alt%E5%B1%9E%E6%80%A7%E8%A7%A3%E9%87%8A&spm=1018.2118.3001.4187
img标签的alt属性和title属性的作用与区别：https://blog.csdn.net/u014380653/article/details/78694881?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf
具体写法
运行结果
转载于：https://blog.csdn.net/oMeiYanErFengLiu/article/details/104417574?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159935674519724839211001%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=159935674519724839211001&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v3~rank_business_v1-1-104417574.ecpm_v3_rank_business_v1&utm_term=alt%E6%A0%87%E7%AD%BE%E7%9A%84%E4%B8%A4%E7%A7%8D%E5%86%99%E6%B3%95
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 链接：https://www.jianshu.com/p/a787f220eff9 来源：简书
