淮 海 工 学 院 计 算 工 程 学院实 验 报 告 书课 程 名: Web 应 用 开 发 技 术 题 目 : HTML 表 格 与 HTML 表 单 班 级 :学 号 : 姓 名 :评语:成绩: 指导老师: 批阅时间: 年 月 日HTML表 格 与 HTML表 单一 实 验 目 的掌 握 网 页 中 插 入 表 格 数 据 的 标 记 的 用 法 。掌 握 不 规 则 表 格 的 创 建 方 法掌 握 表 格 外 观 控 制 属 性 的 应 用掌 握HTML 表 单 的 作 用 、HTML 表 单 的 两 种 提 交 方 法及 各 自 的 使 用 场 合 ;掌 握 不 同 类 型 表 单 元 素 的 使 用 方 法 ; 二 实 验 内 容和 要 求实验内容:1 。创建网页文件sales。html ,网页的标题为“ACME公司2024年销售输入”, 使用合适的表格标记及属性显示ACME公司2024的4 种产品4 个季度的销售额。显示效果如下(单元格数据为随机值,可以使用font 等标记设置颜色等外观样式) :产品/ 季度一季度二季度三季度四季度Sass1000120080003000LESS500025004850Stylus300036504900Myth5006506001200SubTotal650073501250015950Total¥ 423 , 000.00 2 。 创建如下图所示的表单:实验要求:1. 所有参加实验同学独立完成“实验内容”部分,并记录实验步骤和结果填写在“实验步骤”、“实验结果" 相应部分;2 。所有参加实验同学均需参阅资料, 完成实验报告“思考题”部分内容。特别提示:若实验报告出现雷同情况,所涉及同学均无相应成绩;三 实 验 步 骤实验代码:1.〈html 〉〈head〉〈title 〉ACME公司2024年销售输入〈/title>〈/head> 产品/ 季度第一季度〈/th〉〈th> 第二季度〈/th〉〈th 〉第三季度〈/tr〉〈tr 〉〈td>Sass12008000〈/td>
〈/tr〉〈tr> | 〈td>4850 〈/td〉〈/tr>〈tr>〈td>Stylus 〈/td> | 3650 〈/td〉〈td 〉4900〈/td〉〈/tr〉〈tr 〉〈td 〉Myth〈/td>〈td 〉500 | 1200