要求：

用html相关知识实现以下网页

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>菜单</title>

</head>

<body>

    <table bordercolor="purple" border="2" cellpadding="1px" cellspacing="1px">

        <tr>

            <th colspan="10">星期一菜谱</th>

        </tr>

        <tr>

            <th rowspan="2" colspan="2">素菜</th>

            <td colspan="4">青草茄子</td>

            <td colspan="4">花椒扁豆</td>

        </tr>

        <tr>

             <td colspan="4">小葱豆腐</td>

             <td colspan="4">蚂蚁上树</td>

        </tr>

        <tr>

            <th rowspan="2" colspan="2">荤菜</th>

            <td colspan="4">油焖大虾</td>

            <td colspan="4">回锅肉</td>

        </tr>

        <tr>

            <td >

                红烧肉<img src="红烧肉.jpg" width="200px" height="200px" alt="红烧肉" title="红烧肉">

            </td>

            <td colspan="4">烤全羊</td>

        </tr>

    </table>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>课程表</title>

</head>

<body>

    <table style="align:center" border="1" cellpadding="1px" cellspacing="1px">

        <tr>

            <td style="text-align: center" colspan="8">课程表</td>

        </tr>

        <tr>

            <th>项目</th>

            <th colspan="5">上课</th>

            <th colspan="2">休息</th>

        </tr>

        <tr>

            <td>时间</td>

            <td>星期一</td>

            <td>星期二</td>

            <td>星期三</td>

            <td>星期四</td>

            <td>星期五</td>

            <td>星期六</td>

            <td>星期日</td>

        </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>

        <tr>

            <td>语文</td>

            <td>数学</td>

            <td>英语</td>

            <td>语文</td>

            <td>计算机</td>

            <td>物理</td>

        </tr>

        <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>

要求：

用户注册

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登录</title>

</head>

<body>

    <h2 style="text-align: left">     新用户注册 </h2>

    <form style="text-align: left" action="" method="get">

        <p>

            <label for="user">用户名：<br></label>

            <input type="text" name="username" id="user">

        </p>

        <p>

            <label for="pwd">密码：<br></label>

            <input type="text" name="password" id="pwd">

        </p>

        <p>爱好：<br>

            <input type="checkbox" name="hobby" value="basketball" checked="checked">篮球

            <input type="checkbox" name="hobby" value="football">足球

            <input type="checkbox" name="hobby" value="ball">网球

            <input type="checkbox" name="hobby" value="dance">舞蹈

        </p>

        <p>性别：<br>

            <input type="radio" name="sex" value="man">男

            <input type="radio" name="sex" value="woman">女

        </p>

        <p>籍贯：<br>

            <select name="province" id="" multiple>

                <option value="beijing">北京</option>

                <option value="hebei">河北省</option>

                <option value="yunnan">云南省</option>

                <option value="shandong">山东省</option>

            </select>

        </p>

        <p>座右铭：<br>

            <textarea name="hua" id="" cols="100" rows="3"></textarea>

        </p>

        <h4>

            <input type="submit" value="提交">

            <input type="submit" value="返回">

        </h4>

    </form>

</body>

</html>

随机推荐

  1. python 正则的使用 —— 编写一个简易的计算器

    在 Alex 的博客上看到的对正则这一章节作业是编写一个计算器,要求能计算出下面的算式. 1 - 2 * ( (60-30 +(-40/5) * (9-2*5/3 + 7 /3*99/4*2998 + ...

  2. ajax请求处理和views处理函数的优先级

    当采用ajax处理请求的时候,在views函数中使用 return render(request,'XXX.html',{'error':form.get_error()}) 返回渲染模板时,会优先处 ...

  3. POJ 1661 Help Jimmy(DP,注意边界)

    Help Jimmy Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9399   Accepted: 3025 Descri ...

  4. Struts2学习笔记整理(二)

    这里是重点. Action接口 struts2 的Action可以是POJO 为了让用户开发的Action更加规范struts2提供了一个Action接口 ActionSupport基类 Struts ...

  5. Java中File的使用

    File 代表文件或者目录的类 构造函数 File(File parent,String child)---代表了指定父目录下的指定的子文件或者子目录 File(String pathname)--- ...

  6. spring boot + druid + 封装JdbcTemplate

    本源码内容如下: spring boot项目 用的druid连接池 druid监控页面配置 数据操作用spring jdbctemplate 进一步封装spring jdbctemplate支持用对象 ...

  7. 《程序设计语言——实践之路(英文第三版)》【PDF】下载

    <程序设计语言--实践之路(英文第三版)>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382234 内容简介 <程序设计语 ...

  8. 《认知与设计：理解UI设计准则》【PDF】下载

    <认知与设计:理解UI设计准则>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382276 内容介绍 <图灵交互设计丛书·认 ...

  9. Pycharm配置（一）

    Pycharm作为一款强力的Python IDE,在使用过程中感觉一直找不到全面完整的参考手册,因此决定对官网的Pycharm教程进行简要翻译,与大家分享. 1.准备工作 官网下载 2.如何选择Pyc ...

  10. python自动生成excel报表

    1.将SQL语句查询的内容,直接写入到excel报表中,以下为全部脚本.要求:此版本必须运维在windows平台,并且安装了excel程序,excel版本不限. python版本为2.7 if b 判 ...