html 自定义nav,HTML——nav

嫣然含笑:标签的学习与使用

元素代表一个部分包含链接,链接到其它页面或者同一页面的其它部分,主要定义了文档中的导航部分。代码如下:

More Intoxmain:Learn More About

Learn More About

以下是布局文档的几种带有不同意义的标签

1.用于描述某个文档或者部分模块的细节,与标签配合使用可以为details定义标题,标题是可见的,用户点击标题时,会显示出details,代码如下:

Copyright 2011.

All pages and graphics on this web site are the property of W3School.

0bc5133ee635?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

页面显示结果

2.标签可以包含任何内容,通常修饰文档或文章的标题,可以包含一个

~

的标签,或一个标签,也可以包含标签,标签通常包含文档的摘要信息部分或者作者。代码如下:

我是header标题1

正文

codefordream com 2014 Visit

0bc5133ee635?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

页面显示效果

3.标签布局与当前文档内容相关却在文档内容之外的内容,如:一片文章或者杂志专题的侧边栏,如下图所示:

0bc5133ee635?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

如图所示

闭月羞花:测试题

题目要求:写出布局专题的标签,标题为“新闻,国内专题”,格式为h2;布局关于此专题的两篇文章,标题和内容分别为:“2014南方暴雨”“2014南方暴雨详情”“山西官场地震”“山西官场地震详情介绍”,文章标题使用h3,介绍使用p标签;添加导航链接到:“http://www.codefordream.com/”内容为“Learn More About”。代码如下:

新闻,国内专题

2014南方暴雨

2014南方暴雨详情

山西官场地震

山西官场地震详情

More Information:Learn More About

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值