要求：

用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. iOS开发之线程间的MachPort通信与子线程中的Notification转发

    如题,今天的博客我们就来记录一下iOS开发中使用MachPort来实现线程间的通信,然后使用该知识点来转发子线程中所发出的Notification.简单的说,MachPort的工作方式其实是将NSMa ...

  2. 自学OpenCV时遇到的一些错误（捂脸ing，当年确实好多不懂...）

    6.8/14 opencv环境配置好了, 属性也设置对了, 但是使用VideoCapture类的时候, 还是出错.  右键可以查看其定义, 但是就是 出错.   漏掉了#include "s ...

  3. Android酷炫有用的开源框架

    一.代码库 1.from  代码家 整理比較好的源代码连接 一.兼容类库 ActionBarSherlock : Action Bar是Android 3.0后才開始支持的,ActionBarSher ...

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

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

  5. iOS8 UILocalNotification 添加启动授权

    猴子原创.欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/46810357 ...

  6. codevs1051

    题目地址:http://codevs.cn/problem/1051/ 分析: --题目难度:提高一等 1.数据结构(Data Structure):①Hash(用map或人工)②Stack(栈) 2 ...

  7. Clang-Format: Visual Studio Style

    PointerAlignment: Left UseTab: Never IndentWidth: 4 BreakBeforeBraces: Allman AllowShortIfStatements ...

  8. cglib动态代理举例

    jdk的动态代理是基于接口的代理,而cglib不要求实现接口,是一种基于继承的代理,使用字节码生成被代理类的子类 public class TestMethodInterceptor implemen ...

  9. 《Effective Java(中文第二版)》【PDF】下载

    <Effective Java(中文第二版)>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382186 Java(中文第二版)& ...

  10. 【java】反射简单示例

    package 反射; public class Test反射 { public static void main(String[] args) { System.out.println(Runtim ...