关于HTML的两个实例

最新推荐文章于 2022-12-17 10:22:41 发布

renpingsheng788

最新推荐文章于 2022-12-17 10:22:41 发布

阅读量135

点赞数

本文链接：https://blog.csdn.net/renpingsheng66/article/details/84968552

版权

例子一:使用HTML语言编写一个菜单

代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>菜谱</title>
</head>
<body>
<table border="1">
    <tr>
        <th colspan="5">星期一菜谱</th>
    </tr>
    <tr>
        <th rowspan="2">素菜</th>
        <th colspan="3">清炒茄子</th>
        <th>花椒扁豆</th>
    </tr>
    <tr>
        <th colspan="3">小葱豆腐</th>
        <th>炒白菜</th>
    </tr>
    <tr>
        <th rowspan="2">荤菜</th>
        <th colspan="3">油闷大虾</th>
        <th>海参鱼翅</th>
    </tr>
    <tr>
        <th colspan="3">红烧肉</th>
        <th>烤全羊</th>
    </tr>
</table>
</body>
</html>

例子二:使用HTML语言编写一个课程表

代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>课程表</title>
</head>
<body>
<table border="1">
    <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>
        <th rowspan="4">上午</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>英语</th>
        <th>物理</th>
        <th>计算机</th>
        <th rowspan="4">休息</th>
    </tr>
    <tr>
        <th>数学</th>
        <th>数学</th>
        <th>地理</th>
        <th>历史</th>
        <th>化学</th>
        <th>计算机</th>
    </tr>
    <tr>
        <th>化学</th>
        <th>语文</th>
        <th>体育</th>
        <th>历史</th>
        <th>地理</th>
        <th>计算机</th>
    </tr>
    <tr>
        <th>政治</th>
        <th>英语</th>
        <th>体育</th>
        <th>历史</th>
        <th>地理</th>
        <th>计算机</th>
    </tr>
    <tr>
        <th rowspan="2">下午</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>英语</th>
        <th>物理</th>
        <th>计算机</th>
        <th rowspan="2">休息</th>
    </tr>
    <tr>
        <th>数学</th>
        <th>数学</th>
        <th>地理</th>
        <th>历史</th>
        <th>化学</th>
        <th>计算机</th>
    </tr>

</table>
</body>
</html>