实训二 项目9 设计饭店菜单价目表

一、页面文字素材:

心满意粥

菜心粒肉片粥.......6元

皮蛋瘦肉粥.........5元

香茜鱼片粥.........8元

生菜丝骨腩粥.......6元

枣丝杞子猪肝粥.....6元

状元及第粥.........8元

生菜肚丝粥.........8元

明火白粥...........2元

饮料

矿泉水...........2元/瓶

旺仔牛奶.........5元/瓶

高山青草奶......10元/瓶

王老吉...........5元/罐

雪碧.............4元/瓶

可口可乐.........4元/罐

和其正凉茶.......4元/罐

康师傅红/绿茶....4元/瓶

红酒

特饮干红.........................98元/瓶

法国查尔斯干红..................128元/瓶

注册解百纳干红..................168元/瓶

张裕圆桶干红(特选级)黑色......168元/瓶

张裕圆桶解百纳(特选级)红色...258元/瓶

张裕卡斯特(特选级)黑色.........398元/瓶

二、代码:

<!--prj_2_4.html-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>新月大饭店</title><style type="text/css">body{background: url(../img/图片/d11.jpg)no-repeat;}div{width: 60%;height: 30%;text-align: center;padding-left: 80px;}dt{font: bold 24px;text-align: left;color: #4169E1;}dd{font: 18px 隶书;text-align: left;color: cadetblue;}h3{font: bold 32px 黑体;color: brown;}</style></head><body><div><h3>新月大饭店菜单价目表</h3><dl><dt>一些个粥</dt><dd>菜心粒肉片粥.......66666元</dd><dd>皮蛋瘦肉粥.........55555元</dd><dd>香茜鱼片粥.........88888元</dd><dd>生菜丝骨腩粥.......66666元</dd><dd>枣丝杞子猪肝粥.....66666元</dd><dd>状元及第粥.........88888元</dd><dd>生菜肚丝粥.........88888元</dd><dd>明火白粥...........22222元</dd><dt>饮料</dt><dd>矿泉水...........2222元/瓶</dd><dd>旺仔牛奶.........5555元/瓶</dd><dd>高山青草奶......10000元/瓶</dd><dd>王老吉...........5555元/罐</dd><dd>雪碧.............4444元/瓶</dd><dd>可口可乐.........4444元/罐</dd><dd>和其正凉茶.......4444元/罐</dd><dd>康师傅红/绿茶....4444元/瓶</dd><dt>红酒</dt><dd>特饮干红.........................988888元/瓶</dd><dd>法国查尔斯干红..................1288888元/瓶</dd><dd>注册解百纳干红..................1688888元/瓶</dd><dd>张裕圆桶干红(特选级)黑色......1688888元/瓶</dd><dd>张裕圆桶解百纳(特选级)红色...2588888元/瓶</dd><dd>张裕卡斯特(特选级)黑色.........3988888元/瓶</dd></dl></div></body>
</html>

三、页面效果截图:

(关于我写的“新月大饭店”,emmm,新月大饭店我说了算!!!关于邓紫棋,emmm,是我的!!!)

web前端开发技术实验与实践(第三版)储久良编著 项目9 设计饭店菜单价目表相关推荐

  1. web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航

    web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航 实训三  项目12 设计简易网站导航 一.页面文字素材: 序号 网站名称 URL 1 百  度 http://www.ba ...

  2. web前端开发技术实验与实践(第三版)储久良编著 项目16 div+CSS页面布局设计

    web前端开发技术实验与实践(第三版)储久良编著 项目16 实训五 项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...

  3. web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介

    web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介 实训三  项目13  设计新生课程简介 一.页面文字素材: 英语 基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...

  4. Web前端开发技术实验与实践(第3版)储久良编著实训2

    项目6 文本与段落标记应用 页面效果截图 代码 <!--文本与段落标记的应用--> <!DOCTYPE html> <html><head><me ...

  5. web前端开发技术实验与实践(第三版)储久良编著 项目5 综合编程岗位介绍

    实训一 项目5 综合编程岗位介绍 一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...

  6. Web前端开发技术实验与实践(第3版)储久良编著实训8

    实训8 HTML5基础与CSS3应用 项目22 当当网企业用户注册页面设计 页面效果截图 代码 <!--prj_8_1.html--> <!DOCTYPE html> < ...

  7. web前端开发技术实验与实践(第三版)储久良编著 项目8 设计制度宣传展板

    实训二 项目8 设计制度宣传展板 一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...

  8. Web前端开发技术实验与实践代码 (第三版)储久良

    实训七 表单页面设计 项目21 设计大学生暑假社会实践调查问卷页面 设计大学生暑假社会实践调查问卷页面 结果截图 HTML代码 结果截图 HTML代码 <!-- prj_7_2.html --& ...

  9. Web前端开发技术实验与实践(第3版)储久良编著实训7

    实训7 表单页面设计 项目20 设计科技工作者建言页面 页面效果截图 代码 <!--prj_7_1.html--> <!DOCTYPE html> <html>&l ...

最新文章

  1. JQuery中的html(),text(),val()区别
  2. Leetcode 127. 单词接龙 解题思路及C++实现
  3. PAT_A1106#Lowest Price in Supply Chain
  4. 数字语音信号处理学习笔记——语音信号的数字模型(2)
  5. 【机器学习】梯度下降的Python实现
  6. ROS 学习笔记(二):自定义消息msg+Publisher+Subscriber 示例运行
  7. 关于JVM的几个问题
  8. 3Dcnn 降假阳性模型调试(三)
  9. paip.navicat form mysql导入文本文件时CPU占用100%的解决
  10. [转载] 使用hexo+github搭建免费个人博客详细教程
  11. 34岁程序员面试谈薪资被砍5K,网友:这么降不如在家睡觉
  12. 亮点前瞻 | 首届 ServerlesssDays · China 大会议程发布
  13. Nginx反向代理、配置ssl证书
  14. linux脚本判断文件属性,linux的shell脚本中的逻辑判断、文件目录属性判断、if特殊用法、case判断...
  15. 让ppsx幻灯片进入可编辑状态
  16. python字符串分片_Python第六章字符串ppt
  17. 计算机b类核心期刊有哪些,B类及以上期刊有哪些
  18. 消除代码中的 if-else/switch-case的正确姿势
  19. golang中匿名组合
  20. 阿里云服务器选择地域教程

热门文章

  1. pg_tables,pg_indexes,pg_views,pg_user,pg_roles,pg_rules,pg_settings详解
  2. [工作] 批量更改照片名称并建立同名文件夹
  3. 计算机应用能力教学改革,案例教学法对提高大学生计算机应用能力的教学改革的论文...
  4. Process Explorer调试
  5. 技术指标学习——Stochastic Oscillator (随机摆动指标)(翻译+整理)
  6. 《flask日志logging一》flask官网介绍logging
  7. 安装/卸载docker
  8. javascript名字由来
  9. linux驱动 阻塞和非阻塞IO 篇二
  10. JAVA读取excel表格中的数据,.xlsm文件或者.xlsx文件。