让该网站自己的水平菜单

横向菜单有几乎所有的网站 - 这是一个重要的组成部分，因为它可以与它的外观和易用性吸引，或者反过来，吓跑游客。 让我们来学习如何创建一个基本水平的菜单：使“骨架”，以HTML，掌握创造的基本技能。 你当然可以找到一个现成的菜单，但更漂亮，学习如何自己开发。 这是很有趣的。

学习，使菜单

我们尽量不从语义，其坚持布局的领军人物偏离。 首先，你必须让我们的菜单HTML中的“骨架”，学习基本技能，使自己的水平菜单。 然后它将装饰，使用样式表。 让我们的水平菜单包含5个项目。 第一个项目将被重定向到首页。 第二点 - “关于我们”。 第三 - “我们的奖项”。 四 - “这很有趣。” 第五 - “联系我们”。

HTML代码如下所示：

谁不知道：UL标签用于子弹，它的元素开始与李。 李标签继承应用到UL的风格。

UL - 列表的块元件，它将被拉伸至宽度。 李也是块。

因此，创建的index.html。 我们收集我们的代码。 在这一点上，浏览器显示一个垂直而非水平菜单。 但是，我们与你的目标 - 使该网站的水平菜单。 为此，我们需要CSS。

CSS是什么？

如果你还没有掌握网站的发展，就必须以充分利用层叠样式表的概念熟悉。 其实，这些都是格式化，处理的规则，这些规则适用于在一个网站的网页不同的元素。 如果我们描述了标准的HTML元素的属性，您将不得不重复几次，你得到同样的代码块的重复。 在用户的计算机上的网页加载时间将增加。 为了避免这种情况，有一个CSS。 这足以只有一次描述某个元素，然后简单地指明要使用特定样式的属性。 它可以使页面本身的不仅是文字，而且在另一个文件中的描述。 这将允许应用的不同风格的描述在网站的所有网页。 这也是方便修改某些页面，修改CSS文件。 样式表使您可以使用字体上比HTML出更好的水平的工作，帮助避免恶化网站的图形页面。

使用样式表的菜单开发

为菜单CSS代码：

1. ＃My_1menu {列表样式：无; 填充：6; 宽度：800像素; 保证金：汽车;}
2. ＃My_1menu李{浮动：左; 字体：斜体部18px Arial字体;}
3. ＃My_1menu一个{颜色：＃756; 显示：块; 高度：55像素; 行高：55像素; 填充：0像素15像素15像素0像素; 背景：#dfc; 文字修饰：无;}
4. ＃My_1menu：悬停{颜色：#foa; 背景：＃788;}

现在，让我们来看看所产生的水平CSS菜单。

＃My_1menu - 因此对于使用id = my_1menu，列表样式UL-元素风格分配：无 - 此命令删除由计划项目留下的痕迹。

宽度：800像素 - 我们的菜单的宽度为800个像素。

填充：0 - 这里面去除填充。

保证金：汽车 - 在我们页面的中心vyravnivnie水平菜单。

＃My_1menu李 - 分配方式锂元素。

高度：55像素 - 菜单高度。

＃My_1menu：悬停 - 指定样式元素，当它被诱导的小鼠。

我们不会详细描述了每行，每个开发人员都可以在这里指定它的参数。 这种基础的网站在菜单中使用的样式。 你可以给它一个更完美和漂亮的外观，使用的图片。 分配元件，而且，例如，背景：网址（img1.png）重复 - X。 要有背景：网址（img2.png）重复-X为：悬停。

用你的想象力，创造力的偏好。 在此基础上如何建立网站一个简单的菜单知识，你可以开发出自己独特的设计页面。