nav菜单——极速Html5新增元素学习笔记

157 阅读1分钟

我和往常一样,喝完早茶开始整理我以前写的 极速Asp语法入门极速Asp安装IIS环境入门 笔记。

突然女粉丝问: 陈老师!知道怎样写菜单吗?
我答: 知道
女粉丝问: 陈老师有空出来逛街吗?我请你吃饭看电影,随便教我菜单的设计方法。
我答: 好的!
女粉丝问: 今天方便吗!
我答:  不方便,请提前一周预约,平时工作忙。对我好奇,想约我的女网友很多。
女粉丝答:  我们下周老地方见吧!

下面就分享Html5菜单小程序实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈老师的杰哥工作室</title>
</head> 
<body>
<nav>
<a href="#">陈老师</a> |
<a href="#">杰哥</a> |
<a href="#">虎哥引流器</a> |
<a href="#">兔儿屋设计坊</a>
</nav>
</body> 
</html>

< nav >...< /nav >

在Html5中新增了一个nav元素,这个元素就制作菜单用的。

nav菜单案例:

<nav>
<a href="#">陈老师</a> |
<a href="#">杰哥</a> |
<a href="#">虎哥引流器</a> |
<a href="#">兔儿屋设计坊</a>
</nav>

先准备几组汉字,然后把汉字放入< a >元素内,在放到< nav >中,菜单就设计好了。

好!Html5新增加元素学习笔记分享到这儿,如果喜欢,请关注、收藏、分享、点赞。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html