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