html5 漂亮的左右布局_刚接触HTML5应该先学哪里才好？

好吧，话不多说，直接来点干货吧！

刚接触html的小白都感觉摸不着头脑？应该怎么学习呢，其实HTML5可能对于还没有接触过的小白来说会比较的难，听起来也比较新颖。这是个什么骚东西！其实不然，这个就是构成咱们上网网站的基本结构代码。网页的呈现就是用这个搭建的框架结构。这下小白听了可能感觉这个东西牛呀我要是会写的话那还是很炫的嘛，但其实真真入门的这个知识基础，俗话说的：外行看热闹，内行看门道！

我这里这么说不是想让你们感觉学起来很难，只是想说这个是最基础的，也是最好学的。主要第一点就是要看你的逻辑思维能力怎么样，我个人觉得逻辑清晰，其他的就是水到渠成的事情了。你只需要记住相应的标签属性，熟悉标签属性，知道什么时候该用什么代码。技巧在于多练习多做就好了慢慢你看到一个网页有毛病的时候，基本就可以知道哪里是哪里了！

写代码的时候第一个就是一定要规范书写

写代码是一件很严谨的事情，前期看例题看案例等这些，其实都是些简单的，你写起来代码量不多，即便是错了。你也好更改好找。但是如果后期代码量一上来。都是几百行几百行的那个时候你可能只是错了一个标点符号都是让你一个头两个大！所以从一开始书写规范很重要！这里可以推荐一开始的时候先从框架写起来，写框架主要目的是让你了解网页的基本框架，这个也是代码量最少的也是最容易理解的。所以这个一开始用记事本手写代码是最好的方法！这个有两个好处，一个就是可以让你更加深刻的记住网页代码，一个就是可以锻炼你的代码如何规范的写出来！

并且不要纠结于HTML,XHTML,和HTML5应该先学那个后学那个，如果你一开始学习的时候就纠结这个会让你很容易就乱掉了，XHTML和HTML5只是一种更加严谨的写法而已，就这么回事.可以理解为就是HTML的升级补丁版本而已。所以一开始的话就从html5学起来就可以了，然后其他的就都知道了。这个只是时间问题，因为代码都一样，很多都是想相通的，到后面自然而然就知道区别在哪里了。

然后学完HTML5之后再去学习DIV加CSS3。那么这两样怎么学呢，以我的个人经验来说呢。我学习的时候DIV是先从表格开始的，用Adobe的DW网页编辑软件写，先是自己在草稿纸上画一个框架出来，然后先布局框架，这里是让你熟悉DIV的用法，都必须是成对出现的有一个开头标签就必然有一个结束标签<div>******</div>。一个DIV就像是一个盒子一样，可以在里面装很多的东西在里面一样！也可以让盒子与盒子之间并列排布等等的。当然，等DIV学会以后就可以学习css3样式表格了，这个就是一个美化你的网站布局，让你的网站看起来更漂亮！