网站顶部导航栏制作实战

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

1 问题描述

在网页中导航栏内容，起一个引导作用，让人一目了然，网友一看就知道自己要找的东西在哪个栏目。这样方便了用户，不用慢慢找内容而是直接通过分类找到自己需要的东西。但我们如何用HTML做网页呢？

2 问题分析

导航栏我们可以用

无序标签列表,通过设置列表的样式内容来制作简单的导航栏。
3 解决方案

相关的标签:

1.

标签定义无序列表。

2.

• 标签定义列表项目，可用在有序列表 (
  ) 和无序列表 (
  ) 中。

  3.标签定义超链接，用于从一张页面链接到另一张页面。最重要的属性是 href 属性，它指示链接的目标。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的；已被访问的链接带有下划线而且是紫色的；活动链接带有下划线而且是红色的。

  实现代码:

     

        

        

  <