Web编程技术实验报告

最新推荐文章于 2025-06-05 16:04:16 发布

是小酒

最新推荐文章于 2025-06-05 16:04:16 发布

阅读量169

点赞数 9

文章标签：前端

本文链接：https://blog.csdn.net/2301_80006416/article/details/145924628

版权

一、实验目的

1.安装IDEA并在PC机配置JAVA环境。

2.在Idea开发环境建立Web项目。

3.编写HTML文件，使用a、p、ol、li等元素实现类如下图所示的课程列表，并使用h4元素生成课程标题，最后成功运行。

实现如下表格效果：（背景颜色是#f5f5f5）。

二、软硬件要求

基于Windows 平台的机器要求如下：

硬件要求：64M 内存

软件要求：Windows7及以上，IE 11 以上，IDEA。

三、实验内容与步骤

3.编写HTML文件，成功运行，实现如下结果。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>课程列表</title>    <style>        ol{        padding-left:20px;        }    </style></head><body><b>课程列表</b><hr color="red"><p>课程章节：共五章</p><ol h4>    <li>第一章 java Web概述</li>    <li>第二章 网页开发技术</li>    <li>第三章JSP技术</li>    <li>第四章 JDBC</li>    <li>第五章 Servlet技术</li></ol></body></html>

4. 编写HTML文件，成功运行，实现如下结果

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>分类产品数量统计</title></head><body><table border="1" cellpadding="20" cellspacing="0" width="900" align="center">    <caption>分类产品数量统计</caption>>    <tr  bgcolor="#f5f5f5">        <th>分类编号</th>        <th>分类名称</th>        <th>分类数量</th>    </tr>    <tr>        <td>92</td>        <td>苹果</td>        <td>5</td>    </tr>    <tr  bgcolor="#f5f5f5">        <td>93</td>        <td>香蕉</td>        <td>6</td>    </tr>    <tr>        <td>94</td>        <td>梨</td>        <td>6</td>    </tr></table>></body></html>