html怎么做导航栏

html-css011

html怎么做导航栏,第1张

html做导航栏步骤如下：

1、用Dreamweaver新建一个HTML文件；

2、按ctrl+s先保存，以防突然断电数据丢失；

3、修改title为html+css实现横向导航；

4、新建一个divid为“a”，添加ulli标签；

5、在li中添加自己想要的文字并调整好文字间距，按F12预览；6、首先去掉字体前面的小黑点。

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

index.html是网站的首页文件。

HTML是网页文件，也叫超文本文件（HyperTextMarkupLanguage）的后缀，所有的网页文件都是要转化成html文件展示在浏览器里的。HTML是用于超文本文件编写的技术规范，其主要内容就定义用于超文本文件中的标记符号及其作用。

而index的本意是目录的意思，网站行业也叫导航目录。

index.html的直译意思是导航页面，但是根据相关互联网协议，这个index.html是服务器，浏览器默认的网站首页。

超文本文件（Hypertext）就是指具有超链接功能的文件，它可以将文件中已经定义好的关键字（Keyword），经过鼠标的点取（Click），便可以得到该关键字的相关解释，这种方法使用户使用起来更感舒适。类似于早期使用的WIN32下的HELP文件。

超文本文件是一种含有特殊标记的文本文件，其作用类似于WPS中的排版标记，超文本文件被保存在WWW服务器上，当用户通过浏览器软件浏览某一超文本文件时，WWW服务器将该超文本文件发送给浏览器，浏览器首先对其中的特殊标记进行解释，然后以特定的方式在用户屏幕上显示出来。

导航条是一个网站中必不可少的元素，那么如何用HTML和CSS制作一个导航条呢？下面我给大家分享一下。

工具/材料

Sublime Text

首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示

接下来我们在html的body结构里添加导航条的内容，如下图所示

然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面

最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色