要求：

用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. Linux Rsync备份服务介绍及部署守护进程模式

    rsync介绍 rsync是一款开源的.快速的.多功能的.可实现全量及增量的本地或远程数据同步备份工具 在常驻模式(daemon mode)下,rsync默认监听TCP端口873,以原生rsync传输 ...

  2. mustache.js 使用

    对于mustache模板,我是属于即用即查的方法,以下记录仅是我常用的方式.方便以后使用时不用再去项目中去找,因为真的不好找.(此处 -->serious 脸) 当需要渲染一些数据列表的时候,使 ...

  3. JAVA基础-----Maven项目的搭建

    Maven项目的搭建 一.前言 maven官网:http://maven.apache.org/, 文章简介:本文章从三个模块来了解Maven,分别是 Maven的基本概念~, Maven项目的安装和 ...

  4. JAVA入门[12]-JavaBean

    一.什么是JavaBean JavaBean是特殊的Java类,使用Java语言书写,并且遵守规范: 提供一个默认的无参构造函数. 需要被序列化并且实现了Serializable接口. 可能有一系列可 ...

  5. 数学之美？编程之美？数学 + 编程= unbelievable 美！

    欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:Rusu 导语 相信大家跟我一样,偶尔会疑惑:曾经年少的时候学习过的那么多的复杂的数学函数,牛逼的化学方程式,各种物理原理.公式,到底有 ...

  6. Ajax 请求后打开新窗口被拦截的解决方案

    公司业务上有个场景,需请求后台获取支付链接地址,再打开地址引导用户购买.这样的场景在其他企业应该也很场景.但是遇到个很常见的问题,Ajax后直接用window.open(url),会被浏览器作为广告拦 ...

  7. 聊聊js中的typeof

    内容: 1.typeof 2.值类型和引用类型 3.强制类型转换 typeof 官方文档:typeof 1.作用: 操作符返回一个字符串,指示未经计算的操作数的类型. 2.语法: typeof ope ...

  8. JavaScript操作符（布尔操作符、乘性操作符和加性操作符）

    布尔操作符 布尔操作符用来测试两个值的关系,布尔操作符有三个,逻辑非(!).逻辑与(&&),逻辑或(||). 逻辑非由一个叹号(!)组成,可以应用于JavaScript任何值.逻辑非首 ...

  9. 《修改代码的艺术》【PDF】下载

    <修改代码的艺术>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382309 内容简介 <修改代码的艺术>针对大型的. ...

  10. 《如何把事情做到最好》【PDF】下载

    <如何把事情做到最好>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382279 内容简介 <如何把事情做到最好>编辑 ...