如何制作HTML5网页攻略，让小白也能轻松掌握？

大家好，我是小智。最近有很多朋友问我，如何快速了解HTML5网页制作，让小白也能轻松上手。今天我就来给大家分享一下我的经验，还有一些实用的技巧和技巧。这篇文章自人民邮电出版社出版的《H T M L 、 C S S 、 J a v a s c r i p t 网页制作》，希望能帮助一样编写H T M L 5 的朋友少走弯路。

为什么小白觉得H T M L 5 很难？先对准你的痛点

刚入门时最常见的卡点就是：看着一堆英文标签就头大，不知道从哪里开始学起；教程太多工具太多，选择困难症发作；写出来全是

堆砌，页面乱成一团；视频音频放不上，背景音乐一换页就断；表单验证靠JS硬写，不知道H T M L 5 已经内置了。这些痛点其实都可以通过一套清晰的学习方法和正确的方法一次解决。

• 再看痛点一。零基础无方向，不知道先学什么后学什么。
• 痛点二的观点是，语法记不住class id style 属性混用。
• 痛点三的观点是。布局崩塌，不知道Flex 和 Grid 该怎么选。
• 痛点四这方面。 多媒体不会用，视频兼容性差音频断续。
• 痛点五这方面。想做H 5 传单微场景，却找不到简单上手的思路。

H T M L 5 网页基础结构，先搞懂骨架就不迷路

这是一个使用 H T M L 使用 H T M L 使用 H T M L 使用 H T M L 使用 H T M L 使用 H T M L 使用 H T M L 使用 H TML 使用 HTM... 

... Wait I must produce clean output. We'll continue structured.