写给技术小白的HTML初阶教程

 首先什么是HTML？？它的定义是“超文本标记语言”，别急，让我慢慢给你解释：“超文本”：指的是它可以包含文字，图片，音频等。HTML是文档的一种，当然还有我们更加熟悉的其他文档，比如以.txt结尾的记事本文档，以.doc结尾的word文档，而HTML是与它们类似的其中一种。
 所谓工欲善其事必先利其器，那么HTML用什么来写，用什么来读呢？它是一种文档，那么就可以用任何文档编辑器来写，但是好的工具能达到事半功倍的效果，我推荐使用sublime text 3来编译，用谷歌或者火狐浏览器打开，因为这两者的兼容性较高。
 HTML就像书信一样，它是有格式的：首先他有<！doctype>和两个标签，前者说明咱们文档的格式，后者是我们主要操作的地方。标签有包括和两个标签。然后再介绍其他一些标签，是标题标签，比如我们打开一个新闻网站，一篇新闻肯定是有一个标题的呀，标题就使用这个标签。
是段落标签，新闻主题是一段一段的文字构成的啊，此时就需要p标签了，但是当我们不满一行需要换行怎么办？只需要一个
即可，前面说过HTML不仅包含文字还有图片，音频等，这时我们想插入一张图片怎么办？？很简单，使用一个标签即可，注意绝对路径与相当路径，如果图片在本地有保存，双引号内写名称，本地没有双引号内需要填入网址，如果我想插入一个超链接，就要使用标签了，双引号内放网址。
 我们在网上随便打开一个网页，实际他是十分复杂的，仅仅用我上面提到的方法作出来的非常丑，这就牵扯到HTML的布局了，布局才是HTML的灵魂，先介绍分块布局，一个网页大体上是可以从上到下分成几块的，分块用
标签。这个div标签就比较神奇了，我们可以限定他的高，宽，背景颜色，背景图片，所处位置等，分别用heigh;??px;   width:??px;   backgroung-color:    backgrpound-img   float  标签，说一下浮动布局（float）:字面意思就是让他浮起来，可以让他左浮，也可以右浮，既然他浮起来了，那么他后面的div就被他遮住了，如果我们需要另提一行而不被这种，就需要给还没到div加一个属性 clear:float  就可以了，我说的所有这些属性都被包含于标签里，一个位于标签之前的标签，如果想精确控制一个div的styel,就要给div一个id,style里用#，如果是一类，则用" . "。如果用上布局，你的HTML会相较于之前好看很多，虽然用上我上述的所有方法依然很丑。
 总之HTML是很神奇的，如果你能很溜地使用他，你会对你的成果感到欣慰的，希望你能坚持不懈地学习HTML，享受他带给你的快乐。