1、<div>元素,这是一个常用的分区元素,一般用来设置网页的结构区域,本身为块显示(上下均会空行)。在后续,我们讵畿缤耒会利用层叠样式表(css)配合<div>来设置html元素的样式。我们可以把上一篇经验的“宠物之家”来放在一个<div>中。(为了直观,我在那一块里加了背景颜色样式)效果如下:
2、html结构性元素:在html5中引入了一些语义上的结构元素,页眉(header)、导航链接(nav)、页脚(footer)、主体(main)。我们可以用这些元素来进行网页的配置。
3、页眉(border):块显示元素,通常包含标题元素。导航元素链接(nav):定义导航条,下面会介绍几种链接的使用。主体元素(main)、页脚(footer):定义主要内容和页脚。这些都是双标签。
4、锚元素:定义超链接,从<a>标签开始,</a>结束,点击即可跳转。使用href属性设置超链接的内容。比如我们可以说设置一个指向百度的超链接,点击后就会跳转到百度页面。
5、我们可以设置锚元素的格式,比如设置成一张图片,点击图片即可跳转到制定网页。另外锚元素还分为:绝对链接(http类型的)、相对链接(可以指向本机其他html文件)。最后提一下还存在一种电子邮件超链接:<a href="mailto:电子邮件></a>
6、最后,介绍一些html5其他结构元素:节(section)、文章(article)、侧栏(aside)等,这些会在以后介绍。我们把“宠物之家”利用今天的知识改造一次。效果如图: