多语言展示
当前在线:1893今日阅读:176今日分享:34

html5从基础到实践--结构元素及锚元素

上一篇经验介绍了网页中文字的排列方式——三大列表以及一些常用的特殊字符。知道了这些知识,我们就可以创建一个简单有序的网页出来。上一节还提到了网页的美观问题,而今天介绍的结构元素将为后面的网页布局奠定一个较好的基础。
工具/原料

Hbuilder(其他也可以,Dreamever,记事本等)

方法/步骤
1

元素,这是一个常用的分区元素,一般用来设置网页的结构区域,本身为块显示(上下均会空行)。在后续,我们会利用层叠样式表(css)配合
来设置html元素的样式。我们可以把上一篇经验的“宠物之家”来放在一个
中。(为了直观,我在那一块里加了背景颜色样式)效果如下:

2

html结构性元素:在html5中引入了一些语义上的结构元素,页眉(header)、导航链接(nav)、页脚(footer)、主体(main)。我们可以用这些元素来进行网页的配置。

3

页眉(border):块显示元素,通常包含标题元素。导航元素链接(nav):定义导航条,下面会介绍几种链接的使用。主体元素(main)、页脚(footer):定义主要内容和页脚。这些都是双标签。

5

我们可以设置锚元素的格式,比如设置成一张图片,点击图片即可跳转到制定网页。另外锚元素还分为:绝对链接(http类型的)、相对链接(可以指向本机其他html文件)。最后提一下还存在一种电子邮件超链接: