【练习】Html
2024-08-22 21:03:51
要求:
用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>
最新文章
- zookeeper源码分析之五服务端(集群leader)处理请求流程
- centos,nginx安装备忘
- redis/php redis扩展 安装
- YARN的内存和CPU配置
- LVS+MYCAT+读写分离+MYSQL主备同步部署手册
- SpringMVC原理和框架
- 访问public
- 我的PHP之旅--PHP的判断、循环语句
- JSP写入MySQL数据库中出现乱码问题笔记
- Android模块化编程之引用本地的aar
- c# Parallel并行运算
- 第5章 字符串----char与String
- hadoop中联结不同来源数据
- Java GC 日志详解
- redis缓存中间件基础
- centos7 下zookeeper 部署 单机多实例模式
- win10优化开机进程
- 【Luogu3602】Koishi Loves Segments(贪心)
- Aop理解 ioc理解
- Hibernate Generic DAO的介绍安装和使用