学号姓名-实验05 HTML5表格布局_实验报告

本文由用户“chenzhixxx”分享发布 更新时间:2021-11-12 01:29:12 举报文档

以下为《学号姓名-实验05 HTML5表格布局_实验报告》的无排版文字预览,完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

一、实验名称

实验05 HTML5表格布局



二、实验日期

第3周某某1次课



三、实验目的



1、了解HTML5表格布局的优缺点

2、掌握通过界面操作和代码设计两种方式实现HTML5表格的创建、属性设置和表格管理的方法

3、掌握HTML5表格的常用标签和属性

4、理解表格中边距cellpadding和间距cellspacing的概念

5、在实际情况下,会运用表格进行布局设计



四、实验环境



1、硬件环境:酷睿5兼容机,2G剩余硬盘空间。

2、软件环境:Windows 7及以上兼容系统

3、使用资源:开发环境Dreamweaver CC 2018



内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 页面最终效果截图:

最终源码截图或粘贴如下:

4. 在站点lab06内新建一个html5页面lab6_3.html,运用表格拆分单元格和嵌套等知识制作NBA总决赛统计表,最终效果如下图所示,样式可以根据自己喜欢进行个性化设计。



页面最终效果截图:

最终源码截图或粘贴如下:



六、实验思考



1、HTML5表格的基本语法是怎样的?

2、简述HTML5表格的colspan和rowspan属性的用法



七、实验结果或结论







八、备注或说明









[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。

  1. 理化生实验室管理规则及制度
  2. Web-实验二报告
  3. 《物联网web应用开发》实验指导书

以上为《学号姓名-实验05 HTML5表格布局_实验报告》的无排版文字预览,完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

图片预览