如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。

制作html页面，导航菜单是必不可少的，那如何制作横向导航菜单呢思路创建ul标签，然后在ul标签里面创建li标签，最后设置li标签为浮动新建html页面 打开html编辑软件，新建一个html页面如图添加导航标签 在body标签里新。

1横排无非是本身标签是行内标签或者将块状标签添加浮动效果，然后变成横排排列的导航a标签既可以当做链接符号来用，本身也是行内标签的一种，直接用a标签输入文字，可以直接在横排显示2如图所示效果，横排显示的导航3。

html横向导航栏一般用两种方法来制作1使用块状结构结合行内结构来制作2使用？float？属性来制作float，css的一种属性，主要属性值为left左浮动不浮动right右浮动inherit继承父元素浮动。

01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写。

html做导航栏步骤如下1用Dreamweaver新建一个HTML文件2按ctrl+s先保存，以防突然断电数据丢失3修改title为html+css实现横向导航4新建一个divid为“a”，添加ulli标签5在li中添加自己想要的文字并调整。

首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候。

html 横向导航栏一般用两种方法来制作第一种，我们使用块状结构结合行内结构来制作第二种，我们使用#8203float#8203属性来制作由于第一种比较常用，一下就以第一种方式来介绍首先大家要明确一下块状元素与行内。

本文为大家分享的两种横向导航结构的设置方法，主要借助列表结构方法一 块状结构与行内结构的结合这里首先介绍一下块状元素与行内结构的区别1块状结构可以设置行高宽widthheight，边距marginpadding边框。

1打开Deamweaver8，新建一网页文件接着输入以下导航菜单的内容lthtml xmlns=quot lthead ltmeta。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle。

这个不太好实现标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hoveractivevisitedlink其他的标签在IE6下都没有伪类所以建议用js，如果是闲来无事可以试一下。

一般WEB开发把页面分成3个模块headertpl contenttpl footertplhead和footer一般都是固定不变的，唯一变化的部分是content你说的菜单应该是header部分的导航部分例如主页的代码可以这样写lthtml ltheadlthead lt。

html怎么制作导航下拉菜单图标如何设计随着网络技术的进一步发展以及网站功能越来越复杂，对网站设计者以及网站制作者们提出了越来越大的挑战和要求，为了设计出出彩的网站，必须掌握html制作软件的使用下面，我们就一起来了解一。

更多关于导航栏的知识 网友都在找 html导航菜单 正在求助 换一换 回答问题，赢新手礼包 更多等待求助问题 登录 还没有百度账号？立即注册 知道日报 全部文章 1678 掰手指会发出声音，你知道为什么 精彩知识在知道 年终奖。

href=quot target=quot_blankquot二级导航4lta ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以。