【练习】Html

时间：2023-03-08 19:44:07

要求：

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

【练习】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>

要求：

用户注册

【练习】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. APP端的网络优化（DNS优化，HTTP优化）

    一.使用httpDNS优化DNS解析和缓存 一般来说在App内用域名发送请求都要经过DNS解析出ip,然后再根据ip去拿对应的资源,这个过程中,如果LocalDNS中存在这个域名对应的ip,就会直接返 ...

  2. IQKeyboardManager 状态栏（status bar）问题

    因为懒,所以具体什么样子,参考下面的链接 具体的问题情况参考:StatusBar background problem #1158 我解决的思路很简单,就是在监听键盘消失的时候,去设置 statys ...

  3. 相似QQ对话框上下部分可拖动代码

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  4. MacBook 经常使用快捷键

    Mac OS X系统图形表示方法 ⇧ = shift ⌃ = control ⌥ = option / alt  Home=fn + ◄  End=fn + ►  Page Up=fn + ▲ Pag ...

  5. HTTP请求中怎样选择Get和Post方式

    在应用中最经常使用的Http请求无非是get和post,get请求能够获取静态页面,也能够把參数放在URL字串后面,传递给servlet.post与get的不同之处在于post的參数不是放在URL字串 ...

  6. 泛泰A870（高通APQ8064t 600 cpu） Mokee4.4.2（Android4.4） 图赏

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3lob3N0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/d ...

  7. CentOS7系统卸载自带的OpenJDK并安装SUNJDK

    安装说明 系统环境: CentOS 7 安装方式: rmp安装 软件: jdk-8u111-linux-x64.rpm 下载地址: Oracle JDK 官网下载地址 卸载CentOS默认安装的Ope ...

  8. HBase：Shell

    HBase shell commands As told in HBase introduction, HBase provides Extensible jruby-based (JIRB) she ...

  9. gulp实现公共html代码复用

    在开发网站的时候,尤其是类似于官网这样的项目,顶部都会有一个导航栏,底部会有一些其他信息,而这两个部分在每一个页面都是有的.我们不可能在每个html页面都写一遍,这样也不便后期维护等操作,所以可以把顶 ...

  10. Asp.Net Web API中使用Session，Cache和Application的几个方法

    在ASP.NET中,Web Api的控制器类派生于ApiController,该类与ASP.NET的Control类没有直接关系,因此不能像在Web MVC中直接使用HttpContext,Cache ...

相关文章