菜单: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菜单和课程表
基础教程推荐
猜你喜欢
- ajax实现数据删除、查看详情功能 2023-01-31
- ES6中class方法及super关键字 2022-07-24
- php – 将mySQL记录显示为HTML表格列 2023-10-27
- Ajax 向数据库修改和添加功能(较简答) 2023-02-01
- CSS:自定多姿多彩的网页链接下划线 2022-10-16
- Ajax学习笔记---3种Ajax的实现方法【推荐】 2022-12-28
- vue-cli 卸载版本及安装指定版本的命令 2023-10-08
- 2.(for循环)计算1+3+5+...+99的和(html) 2023-10-27
- 关于ajax的使用方法_例题、ajax的数据处理 2023-02-01
- Ajax全局加载框(Loading效果)的配置 2023-01-20