页眉中的导航如何写

最新推荐文章于 2021-09-29 15:00:09 发布

Neil_Wesley

最新推荐文章于 2021-09-29 15:00:09 发布

阅读量2k

点赞数

分类专栏： HTML 文章标签：导航 html 页眉

本文链接：https://blog.csdn.net/Neil_Wesley/article/details/51595190

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

不啰嗦，直接上代码

<body>
<header>
<h1>牛逼的导航</h1>
<!-- 块元素nav -->
<nav role="navagation">
<!-- 无序列表ul -->
<ul>
<li>
<a href="http://www.google.com">谷歌是皇帝</a>
</li>
<li>
<a href="http://www.baidu.com">百度是太监</a>
</li>
<li>
<a href="http://www.bing.com">必应说“我”说的对</a>
</li>
</ul>
</nav>
</header>

效果：

牛逼的导航

解释：

1、使用到的元素有header、nav、ul、ol、li、a

2、header标识这是页眉

3、nav是块元素，为导航开辟出一块小地方

4、ul是无序列表（Unordered list），表示导航中条目的顺序不重要

5、ol是有序列表（Ordered List），表示导航中条目的顺序很重要

6、li表示这是一个链接哦，默认样子是在链接文字前有小黑点，并且每个li之间用行来划分开，可以用css去掉小黑点并且实现一行显示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Neil_Wesley

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页眉中的导航如何写

不啰嗦，直接上代码<body><header><h1>牛逼的导航</h1><nav role="navagation"><ul><li><a href="www.google.com">谷歌是皇帝</a></li><li><a href="www.baidu.com">百度是太监</a></li><li><a h
复制链接

扫一扫