实训6 表格与表格页面布局

项目18 设计网络主题研讨会日程表
页面效果截图

代码

<!--prj_6_1.html-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网络主题研讨会日程表</title><style type="text/css">* {font-size: 13px;}#div0 {background: #eaeaea url(../img/images61-4.png) no-repeat 0px 0px;width: 720px;height: 500px;margin: 0 auto;}#div1 {width: 710px;height: 60px;}h3 {font-size: 18px;color: white;padding: 10px 20px;font-family: 微软雅黑;}#row1 {background: #e1e1e1;}#row2 {background: #e3e3e3;}#td1 {background: #f0f0f0;}#td2 {background: #fbfbfb;}#red {color: red;}th {color: #666666;}a {background: url(../img/images61-3.png) repeat-x;width: 120px;height: 30px;text-align: center;padding: 5px auto;float: right;display: inline;}</style></head><body><div id="div0"><div id="div1"><h3>报告内容</h3></div><table align="center" border="1" bordercolor="#cacaca" width="710px" height="420px" cellpadding="0px"><tr style="line-height: 40px;" id="row1"><td colspan="3"><div id="red">会议平台不支持Windows XP系统,请大家使用Windows 7或Windows 8系统,IE或火狐浏览器登录<br><strong>报告主题:“持久性有机污染物分析技术”网络主题研讨会<a href="#">精彩回放</a></strong></div></td></tr><tr id="row2" style="line-height: 35px;"><th>会议时间</th><th>会议名称</th><th>演讲人</th></tr><tr id="td2" style="line-height: 35px;"><td rowspan="6">2015年10月14日<br>09:30-17:00</td><td>中国二恶英排放清单研究</td><td>刘文彬 研究员(中国科学院生态研究中心)</td></tr><tr id="td1"><td>优化的PAHs和Dioxin分析仪在环境分析中的应用</td><td>孔晔(安捷伦)</td></tr><tr id="td2"><td>LCMS在持久性有机污染物分析中的研究进展</td><td>朱怀恩(SCIEX)</td></tr><tr id="td1"><td>质谱技术在持久性有机污染物的分析方法</td><td>陈志凌(岛津)</td></tr><tr id="td2"><td>持久性有机污染物POPs的前处理技术</td><td>苏丽评(莱伯泰科)</td></tr><tr id="td1"><td>极地持久性有机污染物研究进展</td><td>张庆华 研究员(中国科学院生态研究中心)</td></tr></table></div></body>
</html>

项目19 设计简化版江苏教育电子政务网站
页面效果截图

代码

<!--prj_6_2.html-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>江苏电子政务网-简化版</title><style type="text/css">* {font-size: 18px;font-family: 宋体;margin: 0 auto;padding: 0;}h4 {color: red;padding: 15px auto;height: 30px;}td {color: black;font-size: 20px;}tr {text-align: center;}p {text-indent: 2em;font-size: 18px;text-align: left;}#nav {text-align: center;width: 170px;height: 40px;margin: 0 auto;padding: 5px 20px;background-color: blue;}#nav a:link,a:visited,a:hover,a:active {text-decoration: none;color: #ffffff;}a:link,a:visited,a:hover,a:active {text-decoration: none;color: black;}</style></head><body><table border="0" align="center" width="1020px" bgcolor="#ffffff"><tr><td colspan="3"><img src="../img/dzzw_banner_01.jpg" width="1020px"></td></tr><tr><td colspan="3"><table border="0" frame="void" rules="none"><tr><td id="nav"><a href="http://dzzw.jsjyt.edu.cn/col/col7421/index.html">新闻资讯</a></td><td id="nav"><a href="http://dzzw.jsjyt.edu.cn/col/col7662/index.html">领导讲话</a></td><td id="nav"><a href="http://dzzw.jsjyt.edu.cn/col/col7426/index.html">成果展示</a></td><td id="nav"><a href="http://www.jsjyt.gov.cn">行政公文</a></td><td id="nav"><a href="http://dzzw.jsjyt.edu.cn/col/col7431/index.html">江苏教育网</a></td><td id="nav"><a href="http://www.jse.gov.cn">江苏教育信息网</a></td></tr></table></td></tr><tr><td><table border="1" frame="void" rules="none" width="200px" height="250px"><tr><td><a href="http://dzzw.jsjyt.edu.cn/col/col7421/index.html">新闻资讯</a></td></tr><tr><td><a href="http://www.jsjyt.gov.cn">行政公文</a></td></tr><tr><td><a href="http://dzzw.jsjyt.edu.cn/col/col7662/index.html">领导讲话</a></td></tr><tr><td><a href="http://dzzw.jsjyt.edu.cn/col/col7426/index.html">成果展示</a></td></tr></table></td><td><h4>2014年全省教育电子政务工作座谈会在宁召开</h4><p>为进一步统一思想、提高认识、振奋精神、明确方向,3月14日,全省教育电子政务工作座谈会在宁召开,来自13个省辖市、3个省管县(市、区)教育门户网站维护保障单位负责人参加了会议,各地就教育电子政务工作开展的情况作了交流,对全省教育门户网站绩效考核指标体系、江苏教育网《视频新闻》栏目筹建和通联站建设管理方案进行深入的研讨。</p></td><td><h4>国务院:运用大数据提高政府服务水平</h4><p>近日,国务院办公厅印发《关于运用大数据加强对市场主体服务和监管的若干意见》(以下简称《意见》)。<br>《意见》要求,以社会信用体系建设和政府信息公开、数据开放为抓手,充分运用大数据、云计算等现代信息技术,提高政府服务水平,加强事中事后监管,维护市场正常秩序,促进市场公平竞争,释放市场主体活力,进一步优化发展环境。</p></td></tr><tr><td colspan="3" height="35px" align="center"><hr>江苏省电子政务中心&nbsp;&nbsp;版权所有<br />地址:南京市北京西路15号 联系电话:025-63335653<br />苏ICP备:10205850<br /></td></tr></table></body>
</html>

Web前端开发技术实验与实践(第3版)储久良编著实训6相关推荐

  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前端开发技术实验与实践(第三版)储久良编著 项目5 综合编程岗位介绍

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

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

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

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

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

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

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

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

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

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

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

最新文章

  1. enum java 原理_Java 枚举实现原理
  2. 使用druid连接池的超时回收机制排查连接泄露问题
  3. GDCM:gdcm::FileSet的测试程序
  4. 【struts2】struts2中对象的获取
  5. python实例讲解wxpythonhyh123_Python实例讲解 -- wxpython 基本的控件 (按钮)
  6. Linux网络编程——I/O复用之select详解
  7. 远程办公、游戏迅猛增长,旅行、汽车业遭重创!疫期移动互联网行业报告解读...
  8. 【React深入】setState的执行机制
  9. Java基础知识面试题(2020最新版)
  10. 运输问题---表上作业法
  11. apicloud 请删除手机中的apploader后在尝试
  12. 数学建模论文题目优选专业题目128个
  13. 超声成像突破衍射极限,有望检测肿瘤
  14. Adobe Flash Player已不再受支持 解决方案
  15. 1.list倒叙输出
  16. 怎么用c语言写汤姆猫小游戏,Android实现汤姆猫小游戏
  17. Cadence软件盗版
  18. 生日那天,我失恋了!!
  19. 如何利用无常损失从流动资金池中提取价值
  20. 曙光服务器制作raid文档,曙光服务器制作RAID.docx

热门文章

  1. 图文详解Linux系统引导过程及引导修复
  2. 连通分量、强连通分量与Tarjan算法
  3. 想要稳定使用win10,这个功能不要点
  4. C/C++三种函数入参方法
  5. 最毁三观的明星爆料你知道吗
  6. 基于ZCU106平台部署Vitis AI 1.2/2.5开发套件【Vivado+Vitis+Petalinux2020/2022】
  7. Charm安装、使用
  8. 集团公司治理及运营管理图解
  9. 使用VB脚本快速将多个Excel多个Sheet下的数据归并到一个Excel
  10. 埃尔米特插值算法运用