上一篇经验介绍了网页中文字的排列方式——三大列表以及一些常用的特殊字符。知道了这些知识,我们就可以创建一个简单有序的网页出来。上一节还提到了网页的美观问题,而今天介绍的结构元素将为后面的网页布局奠定一个较好的基础。
工具/原料
Hbuilder(其他也可以,Dreamever,记事本等)
方法/步骤
1
元素,这是一个常用的分区元素,一般用来设置网页的结构区域,本身为块显示(上下均会空行)。在后续,我们会利用层叠样式表(css)配合
来设置html元素的样式。我们可以把上一篇经验的“宠物之家”来放在一个
中。(为了直观,我在那一块里加了背景颜色样式)效果如下:
2
html结构性元素:在html5中引入了一些语义上的结构元素,页眉(header)、导航链接(nav)、页脚(footer)、主体(main)。我们可以用这些元素来进行网页的配置。
3
页眉(border):块显示元素,通常包含标题元素。导航元素链接(nav):定义导航条,下面会介绍几种链接的使用。主体元素(main)、页脚(footer):定义主要内容和页脚。这些都是双标签。