项目7 网页中表格_第1页
项目7 网页中表格_第2页
项目7 网页中表格_第3页
项目7 网页中表格_第4页
项目7 网页中表格_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

任务7网页中的表格Web前端开发项目式教程HTML5+CSS3显示数据的表格任务7-1任务描述

在日常生活中，为了清晰地显示数据或信息，通常使用表格对数据或信息进行统计和展示，在网页中显示具体信息也需要用到表格。表格，顾名思义，就类似于我们电脑中常见的Excel表格，它的主要作用是：在网页中用来展示数据，将对应的数据展示在页面中。网页布局初期，最开始页面布局就是使用表格布局，但是在表格布局的过程中仍要嵌套多层的表格，这会导致页面结构混乱。现在的网页布局很少会使用表格布局，但小范围的页面布局还是会用到表格。表格就相当于快递行业中的邮局，尽管有部分快递到达不了的地方，但仍然有邮局的存在，作为基础设施的表格也会一直存在前端发展的舞台。学习目标知识目标掌握网页中表格的基本结构掌握常见的表格属性技能目标学会使用表格布局网页学会掌握表格调整的方法学会使用合适的表格进行页面数据展示素质目标培养精益求精的工匠精神培养学生的安全意识，引导学生注意安全，爱护他人，拒绝违法行为，建立良好的道德伦理观念知识点创建表格01

表格的常见属性02显示数据的表格任务7-1一、

创建表格表格由<table>标签来定义，<table>标签的子元素主要包含<caption>、<thead>、<tbody>、<tfoot>。form二、表格的常见属性任务

制作用表格显示数据的页面任务实现任务效果图6.2用户登录页面效果显示数据的表格.不一样的网页表格任务7-2任务描述

在CSS出现之前，网页通常使用表格布局。如今，时代变了，表格不再适用于网页布局，因为表格的渲染速度过慢，浏览器要将表格渲染完才会显示。不过，表格还是有用的，对于开发者来说，一般在后台管理系统中使用表格。网站通常分为前台、后台两部分，前台主要面向用户，后台主要面向管理员（对界面要求不高，对功能性要求高）。如今，HTML和CSS的时代已经来临，我们需要明确一个观点：HTML只负责网站的骨架，HTML标签元素是有语义化的（给搜索引擎看的）；而网站的样式是靠CSS来负责的，CSS表格属性可以极大地改善表格的外观，如表格边框、高度与宽度等。学习目标知识目标掌握控制表格的CSS样式技能目标能够根据需要使用表格进行页面局部布局素质目标提高审美和创新能力知识点CSS控制表格样式01一、

CSS控制表格样式任务

制作用表格显示数据的页面任务实现任务效果在浏览器中运行demo7-2.html（或者双击demo7-2.html文件），效果如图7.12所示任务

完成用表格显示天气预报的页面任务实现任务效果在浏览器中运行demo7-3.html（或者双击demo7-3.html文件），效果如图7.13所示任务

网页中的表格任务7任务小结表格的最大特点是横平竖直、结构清晰，对于信息的存放和展示都比

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论