html私房菜前台页面代码

最新推荐文章于 2024-04-28 09:03:27 发布
最新推荐文章于 2024-04-28 09:03:27 发布
阅读量82 收藏
点赞数
分类专栏： html 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55703957/article/details/130990247
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            /*#biaoge{
                border-color:orange;
            }
            #paper
            {
                float:left;
            }*/
        </style>
    </head>
    <body>
        <table align="center" width="1000" height="100">
            <tr rowspan="3">
                <td>
                <img src="img/logo.gif"/>
                </td>
                <td align="right">
                    <table>
                        <tr>
                            <td align="right">                                    
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
　　<div style="position: relative;width="400" height="40"">
<img src="img/topmenu_bg.jpg" width="400" height="40" alt="">
<span style="position: absolute; top: 0; right: 0;">会员登录|会员注册|注销退出|配送说明|关于我们</span>
</div> 
　            </td>
                            <tr align="right">
                                <td>
                                <font color="#ED7D31" size="3">亲爱的张三您好！欢迎光临！</font>
                            </td>
                            </tr>
                            <br/>
                            <tr>
                            <td>
                                <table>
                                    <tr align="center">
                                        <td >
                                            <div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">首页</font></span>
                                            </div></td>
                                                                        <td>    <div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">我的餐车</font></span>
                                                                            </div></td>
                                                                            <td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">我的订单</font></span>
                                                                            </div></td>
                                                                            <td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">用户中心</font></span>
                                                                            </div></td>
                                                                            <td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">配送说明</font></span>
                                                                            </div></td>
                                                                            <td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">关于我们</font></span>
                                                                            </div></td>
                                                                            <td><div style="position: relative;width="80";height="40""><img src="img/menu.jpg"width="80" height="40" alt=""/><span style="position: absolute; top: 10; left: 0;"/><font color="white">注销退出</font></span>
                                                                            </div></td>
                                        
                                    </tr>
                                </table>
                                
                            </td>
                            </tr>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
                <hr  align="center" width="1000" color="#ED7D31"/>
                <div id="biaoge">
                    <br/>
                    <br/>
                <table border="1" cellspacing="0" align="center" width="800">
                    <tr>
                        <td>
                            菜单名称:
                        </td>
                        <td>
                            麻椒鸡
                        </td>
                    </tr>
                    <tr>
                        <td>
                            原料:
                        </td>
                        <td>
                            花椒、白鸡、辣椒
                        </td>
                    </tr>
                    <tr>
                        <td>
                            市场单价:
                        </td>
                        <td>
                            16
                        </td>
                    </tr>
                    <tr>
                        <td>
                            会员单价:
                        </td>
                        <td>13</td>
                    </tr>
                    <tr>
                        <td>说明:</td>
                        <td>暂无</td>
                    </tr>
                    <tr>
                        <td>菜品类别:</td>
                        <td>炒鸡</td>
                    </tr>
                    <tr rowspan="4">
                        <td>展示图片:</td>
                        <td><img src="img/1257835997.jpg"/></td>
                    </tr>
                    <tr align="center">
                        <td colspan="2">返回</td>
                        
                    </tr>
                </table>
                </div>
                <br/>
                <br/>
                <hr width="1000" algin="center" color="#FFC000"/>
                <table algin="center" width="1600">
                    <tr align="center">
                        <td>
                <font align="center">关于我们| 配送说明</font>
                </td>
                </tr>
                <tr align="center">
                    <td>
                        <font align="center">Copyright(C)2015-2020</font>
                    </td>
                </tr>
                
                </table>
    </body>
</html>

很菜的小王童鞋
关注
专栏目录
Linux 私房菜 笔记（完结）
qq_57065913的博客
03-14 3796
目录 第一章 计算机概论 第一章 计算机概论
Java 学习路线大全，再也不用迷路啦（持续更新）
腾讯全栈-ITCJF
10-14 2774
路线特点 最新，完整一条龙，从入门到入土（⭐ 表示推荐学习） 给出目标、学习建议、关键知识点、最优资源以及各类资源推荐（视频、书籍、文档、项目、工具等） 划分阶段、更有计划，且在最后给出持续学习的方向、探索 Java 程序员发展的无限可能 前言 首先呢，我们要了解 Java 的应用场景和就业方向，看看和自己的学习目的是否一致，目前，Java 的岗位需求多，是后台开发的主流编程语言，功能强大，还是很值得学习的。 阶段 1：Java 入门 目标 培养兴趣、快速上手 前期准备 准备好一款在线、随时随地
html实现好看的多种风格导航菜单(附源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
06-29 5万+
html实现好看的多种风格导航菜单(附源码)，导航菜单，源码下载，分为顶部导航菜单,悬浮按钮菜单,右键功能菜单,左侧导航菜单四种导航菜单。每种导航菜单有至少三种风格，总共23种风格，各种风格都有，代码上手简单，代码独立，可以直接使用，效果酷炫，总有一款你喜欢的。也可直接预览效果。
HTML编写菜单
weixin_73103232的博客
07-11 472
HTML编写菜单
HTML+CSS实现导航条及下拉菜单1
青梅煮酒
06-05 9880
1、效果截图 2、html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="main-menu"> <div class="logo"> <p>XXX后台管理系统</p> <
html中二级菜单以及主页的实现，HTML+css
weixin_63478784的博客
02-14 4306
t图书管理系统中使用HTML+css实现的二级菜单以及首页，也有float属性
HTML实现点击左侧菜单，右侧内容切换
u012972294的博客
12-19 6344
大概逻辑 就是建立一个首页，然后将页面分为左右两部分，左边负责切换，右侧负责页面展示，通过标签的顺序号进行 页面切换，左边点击第三个，右边则显示第三个页面连接对应的页面，UI优化就不多做描述了。完整代码如上，当前页面为index.html ，需要另外建三个测试页面a.html、b.html、c.html。
HTML期末大作业~基于HTML+CSS+JavaScript 牛排美食餐饮网站设计与实现(6个页面)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-06 3407
HTML期末大作业~基于HTML+CSS+JavaScript 牛排美食餐饮网站设计与实现 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 ：贵族食代(饮食/餐饮)HTML网站模板。喜欢的可以下载
人类高质量 Java 学习路线【一条龙版】
Feng_clay的博客
12-04 1600
大家好，我是张讨嫌。现在网上的编程资料实在太多了，而且人人肯定都说自己的最好，那就导致大家又不知道怎么选了。大部分的博主推荐资源，也就是把播放量高的视频说一遍，水一期视频，没有一条很清晰的学习路线。 所以今天我的这个 Java 学习路线就做做减法，给大家来个一条龙服务，Java 要学的知识点、对应的最佳学习资源和预计要花费的时间，都安排的明明白白的，不用选了，有计划了，也别再迷茫和纠结了，就无脑跟着学就行了。 我还在文档中整理了链接，也不用自己搜了，还有思维导图。 大纲 实在太长了，没办法全部展开，
Springboot入门到精通（超详细文档）
m0_67393413的博客
06-12 3305
我们知道，从 2002 年开始，Spring 一直在飞速的发展，如今已经成为了在Java EE（Java Enterprise Edition）开发中真正意义上的标准，但是随着技术的发展，Java EE使用 Spring 逐渐变得笨重起来，大量的 XML 文件存在于项目之中。繁琐的配置，整合第三方框架的配置问题，导致了开发和部署效率的降低。2012 年 10 月，Mike Youngstrom 在 Spring jira 中创建了一个功能请求，要求在 Spring 框架中支持无容器 Web 应用程序体系结构
有趣的HTML实例（四） 旋转菜单
好好读书
02-08 2773
有趣的HTML实例（四） 旋转菜单 一款简单的 HTML+CSS 原生 旋转菜单实例 1、HTML 2、CSS 3、舒适的画面感，代码效果 4、展开折叠效果
html5中使用外链式为div标签设置属性
大数据-攻城狮
12-07 1349
Document div{ width: 300px; height: 300px; /* 背景色 */ background-color: red; /* 边框 border */ /* 边框的粗细 实线 边框颜色 */ border-top: 10px solid green; bo
html制作精美导航栏
m0_62237068的博客
07-18 8036
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
❤️创意网页：如何用HTML制作菜单栏？制作好看的菜单栏样式网页
VLOKL的博客
07-16 4628
❤️创意网页：如何用HTML制作菜单栏？制作好看的菜单栏样式网页
html前端元素—菜单导航代码实例
yunduanaoligei的博客
02-22 4545
今天分享下”html前端元素—菜单导航代码实例“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 菜单栏示例一： 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http
【前端基础小案例】HTML+CSS打造精美选项卡菜单效果_选项卡效果html代码
最新发布
2301_77033583的博客
04-28 607
* ========鼠标点击的效果需要js实现，这里我们只写交互的原理 */(img-b3CllokK-1714266187711)](img-s19JcQfb-1714266187711)]/* 注意：相邻两个选项卡中字体宽度不一样，所以span宽度不能写死 */(img-npjOni6j-1714266187710)]========添加class="current"/* =========给div添加文本居中 *//* =========删去高度设置 */========添加i标签用于存放图标。
HTML+CSS实现简单的二级菜单
沐小侠
10-20 3080
【代码】HTML+CSS实现简单的二级菜单。
个人设计web前端大作业 基于html5制作美食菜谱网页设计作业代码
网页设计与制作
11-09 3665
🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🥧 美食网页介绍、🍰甜品蛋糕、🦐地方美食小吃文化、🍺餐饮文化、等网站的设计与制作。🍧美食主题网站 主要对各种美食进行展示，让浏览者清晰地了解到各种美食的详细信息，便于浏览者进行选择。该模块的左侧有个美食分类，用户可以选择自己喜欢的种类，当点击种类后，就会在右侧出现该分类下的各种美食，用户可以点击自己感兴趣的食品，从而看到它的具体信息。它的具体信息包括配料、产地及它的一些功能，使用户对该食品有着全面的认识。👨‍🎓静态网站的编写主要是用HTML DIV
HTML5动态菜单
DICA的SEOer专栏
04-10 898
该示例使用了HTML5的nav和ul标签，以及CSS3的Flexbox布局来创建一个动态菜单。CSS样式用于设置页面的背景颜色，字体样式和菜单栏的样式。该示例的菜单栏使用了Flexbox布局，将菜单项作为li元素的子元素，并使用a元素来设置菜单项的链接。当鼠标悬停在菜单项上时，使用CSS3的transition属性来设置渐变效果，以提高用户体验。该示例可以用于各种网站和应用程序的菜单栏，以提供更好的用户体验。请随意使用和修改该示例，以适应您的需要。
Linux私房菜：初学者指南
"Linux私房菜整合" Linux私房菜是一本专为初学者设计的Linux教程，内容详尽丰富，适合程序员入门学习。该资源主要来源于Linux伊甸园鸟哥的文档收集，强调了对作者的尊重并提供了交流群以便读者进行互动讨论。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值