html菜单和课程表

沃梦达教程前端开发

2023-10-27

菜单：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菜单和课程表

上一篇： HTML5基础

下一篇： HTML - ＜div＞和＜span＞标签