三种方法编写的简单html界面(2）

菜鸟级编码入门：实现主界面显示效果的不同方式

最新推荐文章于 2025-11-25 15:30:00 发布

原创最新推荐文章于 2025-11-25 15:30:00 发布 · 459 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #编程 #界面

web 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了三种不同的编程方式来实现主界面显示效果，包括使用CSS定位、div分段和独立CSS文件的方法。适用于前端开发初学者。

菜鸟级入门编码！高手请海涵！

第一发仍然是最终主界面显示效果

第二种编程方式只对于左边的超链接进行了修改，采用的是CSS里的定位方式，其他都和第一种方式相同。

这里相同的部分就不再赘述，只把不一样的地方进行说明。

在第三种方法里面会采用div的分段方式，以及独立的CSS文件，这个之后的文章里会有介绍，这里也不多做说明。

left.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sakura_sql

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何制作html页面索引,索引一个重定向的HTML页面

weixin_42372837的博客

06-03

1533

我有一个纯粹的基于GWT的网站，我们知道搜索引擎不能索引纯基于gwt的网站。因此，我创建了一个替代网页，如下所示，它作为单独的html存储在war文件夹中。此网页的目的是征集和索引有关我网站的详细信息。这个页面从不显示在我的网站上，而是仅用于索引。通往此网页的网址是Sitemaps.xml的一部分。因此，我假设下面的html将被索引，因为它是Sitemaps的一部分。因此，这里是我的问题：索引一个...

html 索引界面

coolsunxu的博客

05-11

2955

原来大家这么喜欢网页设计呀，这个也是我模仿的，分享一下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>index</title> <script type="text/javascript" src="js/jquery.min.js">...

参与评论您还未登录，请先登录后发表或查看评论

HTML的导航索引

Writing_the_future的博客

12-18

2888

图片显示就是索引的结果 GetData 管理信息  添加信息  修改信息 ...

html页面索引数据（网页爬虫）

MiaodXindng的博客

06-14

2089

博主第三篇文章博主自己喜欢倒腾，比较喜欢搞事情，所以这次分享点儿福利给大家哦多余的不说，还是看代码实际package com.test.reptile; import java.util.ArrayList; import java.util.List; import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.js...

三种方法编写的简单html界面(3）

Sakura_sql的专栏

10-25

550

这次和之前两次不同的

三种方法编写的简单html界面(1)

Sakura_sql的专栏

10-12

999

首先是界面最终效果图：

HTML简单登录界面制作

yk41000的博客

10-07

2581

利用HTML、CSS、和简单JS制作一个登录界面，具备账号密码验证及跳转功能。

编写软件界面的方式

audyxiao001的博客

03-21

2949

本文描述了编写软件界面的方式，帮助读者掌握编写软件界面的技巧。

html编写app页面,html5写一个简单的手机app的设置界面

weixin_29602351的博客

06-03

4475

Documenthtml{font-size:100px;}body{background: rgb(239,239,239);}body,a,h3,span{padding:0;margin:0;text-decoration: none;}.header{background: #26A69A ;height: 0.44rem;font-size:0.14rem;color: white;pa...

nexmo-2fa-demo:用Node.js编写的简单2FA演示，具有最小的Web界面

05-24

一个用Node.js编写的简单2FA演示，具有最少的Web界面。为什么选择2FA？ 2FA通过结合您所知道的信息（例如您的密码）和您所拥有的信息（例如您的电话）来验证您的身份。这种方法使恶意人员更难于窃取您的密码并...

黑客类型界面.html

11-07

黑客界面编写，通过画布的简单实现，html5 ，编写，

OpenWRT LUCI2界面定制、Ubus对象增删配置、http调用Ubus方法

01-30

LUCI2的开发过程中还需要考虑到各种配置细节，包括ubus方法的调用、异步数据加载的处理以及视图文件的编写，每一个环节都需要严谨的设计和实现。由于LUCI2是相对较新的Web管理界面，目前网络上缺乏足够的资料支持...

简单弹珠游戏(示例),简单的HTML弹珠游戏涉及到HTML、CSS用于构建界面

07-02

简单的HTML弹珠游戏涉及到HTML、CSS用于构建界面，以及JavaScript用于编写游戏逻辑。下面是一个非常基础的示例，它仅用HTML和JavaScript来模拟一个简化的弹珠游戏，这个游戏示例主要用于教学目的

JMeter XPath提取器用法详解：XML/HTML响应数据提取神器

最新发布

m0_58868237的博客

11-25

1235

摘要：本文全面解析JMeter中XPath提取器的使用技巧，重点介绍其在XML/HTML格式接口测试中的应用。XPath提取器通过简洁的XPath语法精准定位节点，无需编码即可提取文本、属性等数据，特别适合SOAP接口、传统API和Web页面测试。文章详细讲解XPath核心语法、提取器配置参数，并通过5个实战案例演示单节点提取、批量提取、条件筛选等常见场景。同时提供高级用法、常见问题解决方案和最佳实践，帮助测试人员高效解决接口自动化测试中的数据提取和传递问题。掌握XPath提取器能显著提升XML/HTML接

HTML DOM 对象

csbysj2020

11-23

356

HTML DOM对象是一种抽象的概念，它将HTML文档中的每个元素视为一个对象。这些对象具有属性和方法，可以用来访问和修改文档内容。通过操作DOM对象，开发者可以动态地添加、删除或修改页面上的元素。HTML DOM对象是现代Web开发的基础，它们为开发者提供了丰富的功能来操作HTML文档。通过了解DOM对象的概念、常用属性和方法，开发者可以轻松地实现各种动态效果。本文介绍了HTML DOM对象的基本知识，希望对您有所帮助。

学习C#调用FreeSpire.Doc包将Word转换为html

gc_2299的博客

11-23

327

学习C#调用FreeSpire.Doc将Word转换为html的基本用法

【HTML】iframe 标签 allow 权限汇总（例如添加复制粘贴权限）

qq_45677671的博客

11-25

265

本文介绍了HTML iframe标签的allow属性及其常见用法。allow属性用于控制iframe中内容的权限，包括剪贴板访问、全屏、支付、摄像头/麦克风等设备权限。文章列举了主要权限值及其应用场景，并展示了三种使用方式：基本用法（直接设置权限）、精细控制来源（指定允许的域名）以及组合多个策略。通过合理配置allow属性，可以在保证安全性的前提下为iframe内容授予必要的功能权限。

html编写一个简易购物平台后台管理界面

05-15

要编写一个简易购物平台后台管理界面，需要先了解一下后台管理界面的需求和功能。一般来说，后台管理界面需要包含商品管理、订单管理、用户管理和数据统计等模块。首先，对于商品管理模块，需要实现商品的添加、删除、编辑等功能。可以通过HTML表单实现商品添加，通过JavaScript实现商品的删除和编辑。其次，订单管理模块需要实现订单的查询、取消、删除等功能。可以使用HTML表格展示订单信息，通过JavaScript实现订单的操作。第三，用户管理模块需要实现用户的管理和权限控制。可以通过HTML表格展示用户信息，通过JavaScript实现用户的添加、删除和编辑，同时还需要实现用户权限的控制。最后，数据统计模块需要实现数据的统计和分析功能。可以使用JavaScript和Chart.js等图表库实现数据的可视化展示。总体来说，编写简易购物平台后台管理界面需要掌握HTML、JavaScript和CSS等前端技术，同时需要了解后端技术和数据库知识，才能实现复杂的功能。