菜单:htmlheadmeta charset=utf-8title菜单练习/title/headbodytable border=1 cellspacing=0 bordercolor=#cc0trth colspan=3星期一菜谱/th/trtrtd rowspan=2素菜/td...
菜单:
<html>
<head>
<meta charset="utf-8">
<title>菜单练习</title>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="#cc0">
<tr>
<th colspan="3">星期一菜谱</th>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小葱豆腐</td>
<td>炒白菜</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>油焖大虾</td>
<td>海参鱼翅</td>
</tr>
<tr>
<td>红烧肉<img src="66.jpg"></td>
<td>烤全羊</td>
</tr>
</table>
</div>
</body>
</html>

课程表:
<html>
<head>
<meta charset="utf8">
<title>课程表练习</title>
</head>
<body>
<table border="1" bordercolor="blue">
<caption align="center"> 课程表</caption>
<tr>
<th>项目</th>
<th colspan="5">上课</th>
<th colspan="2">休息</th>
</tr>
<tr>
<th>星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
<tr>
<td rowspan="4">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="4">休息</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr>
<td>化学</td>
<td>语文</td>
<td>体育</td>
<td>计算机</td>
<td>英语</td>
<td>计算机</td>
</tr>
<td>政治</td>
<td>英语</td>
<td>体育</td>
<td>历史</td>
<td>地理</td>
<td>计算机</td>
<tr>
<td rowspan="2">下午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td rowspan="2">休息</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算</td>
</tr>
</table>
</body>
</html>

编程基础网
本文标题为:html菜单和课程表
基础教程推荐
猜你喜欢
- Struts2和Ajax数据交互示例详解 2023-02-14
- html滑动仿悬浮球菜单效果的实现 2022-09-20
- ajax实现提交时校验表单方法 2023-02-23
- 解决vue3 defineProps 引入定义的接口报错 2023-07-10
- 一个很酷的 Vue3 的请求库 2023-10-08
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
- css关闭a标签点击出现蓝色背景问题 2022-10-30
- 关于 javascript:如何在页面加载时调用 vue.js 函数 2022-09-16
- 小程序实现简单验证码倒计时 2022-08-30
- JavaScript Pinia代替 Vuex的可行性分析 2022-08-30
