小白学了一晚上的html标签，还是没弄明白秘籍和大街上3毛钱的书有什么不同。第二天一大早就去向大叔请教。
大叔笑呵呵的答道：“区别还是有的，其他教程和书都把HTML按功能归为下面几类：表单标签，表格标签，列表标签，标题，链接，图片等，又以会不会在浏览器上以新行开始，分为块级标签和内联标签，之前说的那些标签属于块级标签的有h1,p,ul,table,属于内联标签的有b,td,a,img。本门秘籍在他们之上提出了可视化标签和非可视化标签，含义是在可视化标签的开始和结束之间填上内容，这些内容将会被浏览器上渲染出来，变为可见。而加上内容后的标签官方称它为HTML元素。翻到最后一页，就是本门秘籍对HTML标签的总结。”
小白翻到了最后，果然看见了HTML标签分类图，感叹道秘籍还是有点不同的。于是他又屁颠屁颠的跑回去学习了起来。
经过一番研究，小白总结到HTML标签都有相应的属性，属性提供了标签更多的信息，其以key = "value"的形式在开始标签中定义。比如当定义title属性后，鼠标停留在元素上时，就会显示title的值。
<a title = "我是一个链接">点我</a>
当定义style属性时，就可以直接在开始标签中定义元素的css样式。
<p style ="color:red;text-align:center"> 我是一个段落，用style属性定义我的颜色</p>
当定义了属性id后，浏览器可以通过id，找到id值唯一的元素。
<p id = "007">我是有唯一ID的段落</p>
定义属性class后，可以找到一堆class值一样的元素。
<p class="samePara">我们是样子一样的段落</p>
<p class = "samePara">我们是样子一样的段落</p>
当变换input标签的tpye属性值时，input标签可以显示为输入框，单选框，复选框。
<input tpye ="text"></input>
<input type = "radio"> Male</input>
<input type = "radio"> Female</input>
最后html还有一个最重要的事件属性，在开始标签为事件属性指定一段代码，当事件触发时，其相应的代码则会立即执行。比如onclick属性定义后，在元素上点击，则会执行onclik值对应的代码。
<button onclick = "alert('我是一个点击事件')"> 点我</button>
小白正看的津津有味，又突然看到，“虽然可以在开始标签由事件属性定义事件，但是最好别用，而是在js代码中用脚本去添加事件。当函数在单独的一个js文件时，你可能不想因为只是修改一个函数名，既要修改html文件，又要修改js文件。如果用js脚本添加事件，则只用修改一个文件。” ，想了一下，小白看了下js添加事件，觉得这样说很多道理，自己这么懒，多一事，不如少一事。
document.getElementById("Btn1").onclick=function(){alert("大家好")
紧接着他又看到，“虽然可以在开始标签由style属性定义标签的css样式，但是建议在外面css文件或者<style>标签定义，这样如果很多标签用相同的样式，做修改时，只需要修改一个地方就可以“。
小白明白了过来，秘籍从实战角度出发，在一些关键的地方，都给出了前辈们的经验。看着看着，他想起来HTML5很火，听说小程序跳一跳也用了HTML5。于是小白一下子跳到了HTML5那节看了起来。
HTML5是HTML最新标准，它增加了很多语义、图形化、多媒体标签，专门为了丰富的网页内容而生。比如可以直接放歌的<audio>，放视频的<vedio>。在他们标签中通过<source>标签的属性src指定播放源，在网页上就可以听歌看电影，再也不用安装什么flash了，方便了一堆开发者和观众，而且最常见的音频格mp3，视频格式MP4都可以支持。
小白看了HTML5新增的标签和特效后，觉得最棒的就是HTML5新增的画布标签和缓存。
有了<canvas>画布标签，在浏览器上显示平面图，三维图，简直是简单的不要不要的。小白猜小程序跳一跳就是用了canvas和three.js实现的。而至于缓存，缓存可以让网页在无网离线的情况下也可以使用，就像app一样。
小白看秘籍看到夜深人静，月明星稀，觉得自己已经懂得了很多，决定明天就去向大叔汇报，然后学习下一本。
