从零开始自学HTML(7)：HTML布局

到现在为止，我们制作的网页都是自上而下，毫无美观可言，没办法，因为教的都是很简单的东西，至于难得，我也不准备怎么写，带入门就行了，剩下的需要自己摸索。

今天讲讲布局，可能有点多，不过应该不会难。

div标签

说到布局，就要说说<div>标签了，div标签可以把HTML文档分割为不同的部分，再加上CSS，可以将每个div区块进行定位，创建丰富的外观和不同的背景。

div标签本身没有任何意义，需要配合CSS来为它设置样式和属性。

div标签属于块级元素，前后会显示折行。与之相对应的是span标签，属于内联元素，常嵌入其他标签使用，为部分文本设置样式。

因为div本身无意义，而CSS我们还未学习，这里就不放出带代码了，等学习css后，再讲此处补全。

CSS

如果说html是刚刚勾勒出轮廓的画像，那么css就是为画像上色。眼睛设置为黑色，嘴唇设置为红色，皮肤设置为黄色，头发设置为黑色。

css依靠html而活，是html的好搭档，为黑白世界配上丰富的色彩。

至于太具体的内容会在css专篇中讲解，在此之前，你只要知道css是干什么的就行了。