首先给大家先容一下html5的标准措辞构造和后缀；
点击右键新建一个文本文档重命名为index（可根据自己来命名但不能用中文）后缀改为html
html5有两种后缀一种为html另一种为htm；
我们来认识一下html5它是html4.0升级而来，比较html4.0来说改的更大略更完善了，html5是一种标签措辞
是浏览器可以直接解析的一种措辞不像php或是其它措辞须要用做事器解析在用浏览器来识别表现出来，一样平常用来写网站静态页面或是模板，html5现在的地位在逐步提升，一些app开始利用html5加原生混编开拓。
html措辞构造剖析：
一样平常html5都是双标签很少有单标签的存在；
<!DOCTYPE html>
<!-- 文档类型 -->
<html>
<!-- html开始标签-->
<head>
<!-- head头部开始标签-->
<!-- 里面可以写一些设置字符的代码和页面标题代码css样式和js样式等 -->
<!-- 设置字符集 -->
<title>Document</title>
<!-- 页面标题标签-->
</head>
<!-- head结束标签 -->
<body>
<!-- body体开始标签 -->
<!-- body体用于写一些直接解析在浏览器里让用户不雅观看的标签 -->
</body>
<!-- body结束标签 -->
</html>
<!-- html结束标签 -->
由于html5标签利用<>组成以是要用大于号和小于号要非常谨慎，比如要表现2>1必须要用实体符来代替相应的符号。
HTML <!--...--> 注释标签
标签定义及利用解释
<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。
您可利用注释对您的代码进行阐明，这样做有助于您在往后的韶光对代码的编辑。特殊是代码量很大的情形下很有用。
您也可以在注释内容存储针对程序所定制的信息。在这种情形下，这些信息对用户是不可见的，但是对程序来说是可用的。一个好的习气是把注释或样式元素放入注释文本中，这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
<script type=\"大众text/javascript\"大众><!-- function displayMsg() { alert(\"大众Hello World!\"大众) } //--> </script>
html 注释代码剖析图
注释：命令行末了的两个正斜杠（//）是 JavaScript 注释符号。这确保了 JavaScript 不会实行 --> 标签。
除了在源文档中有非常明显的浸染外，许多 Web 做事器也利用注释来实现文档做事端软件特有的特性。这些做事器可以扫描文档，从传统的 HTML/XHTML 注释中找到特定的字符序列，然后再根据嵌在注释中的命令采纳相应的动作。这些动作可能是大略的包括其他文件中的文本（即所谓的做事器端包含，server-inside include），也可能是繁芜地实行其他命令去动态天生文档的内容。
所有主流浏览器都支持 <!--...--> 注释标签。
HTML 4.01 与 HTML5之间的差异
无。
标准属性
<!--...--> 注释标签不支持任何标准属性。
如需更多有关 HTML 标准属性的信息，请访问 标准属性。
事宜属性
<!--...--> 注释标签不支持任何事宜属性。
如需更多有关 HTML 事宜属性的信息，请访问 事宜属性。
HTML注释的浸染
一套完全的代码可以让人眼花缭乱，当程序员想要对某些部分进行修正的时候，可能要花很多的韶光去找出那部分的代码。就像我们在文章中给主要的部分进行标记、做暗号一样，在代码里可以利用到“注释标签”来对一些代码进行表明。注释标签不会在可视化界面当中显示，由于它只是程序员们用来标表明释的一个小玩意，用来对一些代码程序进行阐明，也方便后来者能够快速地接手并且理解其用途。
网页的开拓必定却少不了颜色的组成，html5颜色属性标签：
HTML 颜色
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。
提示: 17标准颜色：玄色，蓝色，水，紫赤色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击个中一个颜色名称（或一个十六进制值）就可以查看与不同笔墨颜色搭配的背景颜色。：
颜色属性标签共分为四种：
1.英文 2.十进制 3.十六进制
red rgb(255,0,0); #ffffff(#fff) 白色
green rgb(0,255,0); #ff0000(#f00) 赤色
blue rgb(0,0,255); #00ff00(#0f0) 绿色
4.带有透明度 #0000ff(#00f) 蓝色
rgba(255,0,0,0.5); #000000(#000) 玄色
rgba(0,255,0,0.5); #ffff00(#ff0) 黄色
rgba(0,0,255,0.5); #00ffff(#0ff) 青色
#ff00ff(#f0f) 紫色
html颜色属性标签：
<style type=\公众text/css\"大众>
h1{
color: red;
}
</style>
把稳：这里用的十六进制全写和缩写表达的是一个意思#ff00aa只要十六进制颜色有两位重复可以只写一个#f0a。
body体背景颜色：
<body bgcolor=\"大众#aaf\"大众></body>
把稳：css样式有三种写法这里用到前两种，后面讲解css的时候会先容；
嵌入模样形状式（属于内部样式表）特色：1、样式的属性内容以代码的形式[放在 ]写在网页代码中！
2、首先，通过【格式】→【样式】设置样式的属性内容！
3、在得当的地方利用 class=\"大众样式名\"大众 调用详细的样式效果！
如： <style type=\"大众text/css\"大众> h1{ color: red; }</style>内联模样形状式（属于内部样式表）特色：1、样式的属性内容直接跟在将要润色的笔墨标记里[如：2、详细魄式： <body bgcolor=\公众#aaf\公众></body>例如：润色单元格里的笔墨特色：1、有一个单独的CSS文件存在！
[如：001.css]2、首先，通过【格式】→【样式表连接】与CSS文件[001.css]建立连接！
3、在得当的地方利用 class=\"大众样式名\公众 调用详细的样式效果！
如：<link href=\"大众001.css\公众 type=\公众text/css\"大众 rel=\公众Stylesheet\"大众/>嵌入模样形状式（属于内部样式表）
如果须要课件和本日用到的文件可以加关注私聊我。
