要求：

用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. canvas 从初级到XX 1# 部分非基础原生API的使用 [初级向]

    标题canvas 从初级到XX,XX是因为本文随机都可能会太监,并不会支持到入土.请慎重的往下看. 对于canvas的介绍,随处都可以找到,也就不啰嗦太多了.就直奔主题了. 先看一段代码,以及实现的效 ...

  2. Linxu服务器上安装JDK小白教程

    一.环境 VMware12 Pro CentOS-6.7-i386-bin-DVD1 jdk-8u151-linux-i586 二.详细安装步骤 前提:需要卸载自己Linux上的jdk rpm -qa ...

  3. ZOJ 2859 二维RMQ（模板）

    这题求范围最小值,RMQ正好是用来解决这方面的.所以再适合只是了,又是离线静态输入输出的,所以时间比二维线段树快. #include<iostream> #include<cstdi ...

  4. 轻松上云，从容实施Office 365项目

    这个是我在MVP 社区活动的一节课程,讲述Office 365部署中一些大的挑战和解决的方法 视频URL 例如以下: http://edu.51cto.com/lesson/id-17440.html ...

  5. Xcode 7.0 官方免费的真机开发

    Xcode 7.0 官方免费的真机开发 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转 ...

  6. jQuery->JavaScript一览表

    比较jQuery与JavaScript的不同功能实现 CSS选择器 元素选择 // jQuery $("li").css("color", "red& ...

  7. Struts配置详解

    一.Stuts的元素 1 web.xml 任何一个web应用程序都是基于请求响应模式进行构建的,所以无论采用哪种MVC框架,都离不开web.xml文件的配置.换句话说,web.xml并不是Struts ...

  8. iOS开发添加pch文件

    首先说一下pch的作用: 1.存放一些全局的宏(整个项目中都用得上的宏) 2.用来包含一些全部的头文件(整个项目中都用得上的头文件) 3.能自动打开或者关闭日志输出功能 如何在Xcode中添加pch文 ...

  9. C# 杂活

    1 下拉框 List<Model.Sys.AccountModel> AcModel = BLL.Sys.AccountBLL.Instance.GetModelList("Ro ...

  10. ES6作用域和解构赋值

    ES6 强制开启严格模式 作用域 var 声明局部变量,for/if花括号中定义的变量在花括号外也可访问 let 声明的变量为块作用域,变量不可重复定义 const 声明常量,块作用域,声明时必须赋值 ...