当前位置：首页 > 建站优化 > 正文内容

如何用vs编写网站(如何编写一个网站)

zhuangbi888.com2021-03-10 22:41建站优化884

1、新建html页面

打开html编辑软件，新建一个html页面。如图：

2、添加导航标签

在<body>标签里新建一个<ul></ul>标签，然后在<ul>标签里添加几个<li></li>标签。如图：

3、在<li>标签内添加文字。

在新建的<li>添加要显示的内容。如图：

4、创建样式标签

在<title>标签后新建一个<style type="text/css"></style>标签。

5、创建横向导航的样式

在<style>标签里添加一个样式类为：.nav li{}，然后再.nav li类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为none，字体颜色为白色。

样式代码为：

nav li{ background-color: red; padding: 8px 15px; float: left; list-style: none; color:#fff; }

6、引用样式类。

在<ul>标签内添加 class="4fe7-e75c-42e2-4241 nav"，就可以让nav下的<li>标签引用到设置好的样式类。如图：

7、查看效果。

把html文件保存后，使用浏览器打开即可看到横向导航菜单效果。如图：

标签: html做网站

分享给朋友：

返回列表

上一篇：如何编写网站代码(如何编写一个网站)

下一篇：开发一个购物网站需要多少钱(购物网站制作模板)

怎样建自己的销售网站(怎样建一个自己的网站)

做网站是需要花费的，也就是网站的成本但不管是什么网站，做网站的前提就是『域名』和『网站空间』，一般的话，域名推荐在godaddy购买(全球最大的域名商) 网站空间我比较推荐HostRing弦主...

建设企业网站的重要性(郑州企业网站设计)

企业网站有什么作用？ 1，在互联网上展示企业的形象。做生意开工厂都有门头、招牌，网站就是企业在互联网上的招牌，互联网是没有边界的，另外就目前的现状来看，企业网站对提升企业形象来说还是有作用的，简单的说...

php动态网站设计(动态网站设计的简述)

PHP是编程语言之一，主要用于web开发。以下是百科内容介绍： PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了...

我的网站添加域名需要重新备案吗?

通信管理局的确要求所有接入因特网的域名均需取得备案号,不够,你上面说的情况可能不全部,通常域名有两种方案完成备案. 一种就是楼上所说,申请新的备案号,或者已经有申请过备案号. 另一种情况就是仍然...

珠海网站设计培训学校（珠海平面图设计）

感谢邀请。选择大的培训机构是靠谱的，我身边很多同事、朋友都是通过参加培训来学到网页设计的能力的，而且也成功的转行。当然，培训机构只是引导指导你学习，主要的还是靠自己是否认真努力学。如果你在深圳的...

除了扁平化设计还有其他设计吗(下面图中属于扁平化设计的元素是)

不请自来！虽然我自称PPT老司机，但什么是扁平化PPT，我居然不知道，惭愧吗？百度百科这样说：扁平化，是企业为解决层级结构的组织形式在现代环境下面临的难题而实施的一种管理模式。当管理层次减少而管理...

黑手机的技术(手机芯片技术)

哈哈，好有趣的问题。黑一个人的手机，是给它贴上黑色的膜还是盖上黑色的壳呀。如果是说技术的黑，那就不好了。黑客技术不是一般人能行的呢，毕竟技术活动，不专业不行，何况黑人手机还是违法犯罪行为。黑客...

做一个企业网站大概需要多少钱(个人备案可以做企业网站吗)

这个问题的答案，就和问取个老婆多少钱一样，没有标准答案。取个老婆，得看你娶的是二婚的，还是头婚的？漂亮的还是一般的？贤惠的还是贪婪的？要不要求你买房买车？摆酒去五星级酒店还是家里自己做？做个网站也类似...