嫣然含笑:标签的学习与使用
元素代表一个部分包含链接,链接到其它页面或者同一页面的其它部分,主要定义了文档中的导航部分。代码如下:
More Intoxmain:Learn More About
以下是布局文档的几种带有不同意义的标签
1.用于描述某个文档或者部分模块的细节,与标签配合使用可以为details定义标题,标题是可见的,用户点击标题时,会显示出details,代码如下:
Copyright 2011.
All pages and graphics on this web site are the property of W3School.
页面显示结果
2.标签可以包含任何内容,通常修饰文档或文章的标题,可以包含一个
~
的标签,或一个标签,也可以包含标签,标签通常包含文档的摘要信息部分或者作者。代码如下:
我是header标题1
正文
codefordream com 2014 Visit
页面显示效果
3.标签布局与当前文档内容相关却在文档内容之外的内容,如:一片文章或者杂志专题的侧边栏,如下图所示:
如图所示
闭月羞花:测试题
题目要求:写出布局专题的标签,标题为“新闻,国内专题”,格式为h2;布局关于此专题的两篇文章,标题和内容分别为:“2014南方暴雨”“2014南方暴雨详情”“山西官场地震”“山西官场地震详情介绍”,文章标题使用h3,介绍使用p标签;添加导航链接到:“http://www.codefordream.com/”内容为“Learn More About”。代码如下:
新闻,国内专题
2014南方暴雨
2014南方暴雨详情
山西官场地震
山西官场地震详情
More Information:Learn More About