练习
作业 1 :
** 自己可以参考上面代码,尝试着练习完成,如下界面
要求:
1. 用户名为文本框,名称为 UserName ,长度为 15 ,最大字符数为 20 。
2. 密码为密码框,名称为 UserPass ,长度为 15 ,最大字符数为 20 。
3. 性别为两个单选按钮,名称为 sex ,值分别为男和女,男默认选中。
4. 爱好是三个多选按钮,名称为 like ,值分别为写作、听音乐、体育。
5. 省份为下拉框,名称为 province ,选项的键 - 值对为 Key: 陕西省, value:shaanxi ; Key: 山西省,
value:shanx ;陕西省默认选中。
6. 自我介绍为多行文本框,名称为 intro ,宽 25 ,高 5 ,默认值为 “ 这个家伙什么也没留下 ” 。
7. 提交按钮,名称为 “send” ,标签为 “ 提交 ” 。
8. 重置按钮,名称为 “reset” ,标签为 “ 重置 ” 。
9. 参照图使用表格定位表单。
答案如下:
代码:
运行结果:
作业2:
完成如下转转页面
答案如下:
代码:
运行结果:
作业3:
李白诗词
答案如下:
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>李白诗词</title>
</head>
<body>
<h1>将进酒 <small>君不见黄河之水天上来</small></h1>
<table>
<td><img src=https://ts1.cn.mm.bing.net/th/id/R-C.c1f69e33533b41e300c62e4ed1aad93d?rik=qHos7KlL%2bkZXpQ&riu=http%3a%2f%2fa4.att.hudong.com%2f17%2f71%2f01300000822820127467714366650.jpg&ehk=v5tV62nCKccwyPV%2bsJC2wXgSuGUlw85BqZLgolpi05o%3d&risl=&pid=ImgRaw&r=0 alt=""></td>
<td><p>
君不见黄河之水天上来,奔流到海不复回。<br>
君不见高堂明镜悲白发,朝如青丝暮成雪<br>
人生得意须尽欢,莫使金樽空对月。<br>
天生我材必有用,千金散尽还复来。<br>
烹羊宰牛且为乐,会须一饮三百杯。<br>
与君歌一曲,请君为我倾耳听。<br>
钟鼓馔玉不足贵,但愿长醉不愿醒。<br>
陈王昔时宴平乐,斗酒十千恣欢谑。<br>
主人何为言少钱,径须沽取对君酌。<br>
五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。<br></p></td>
</tr>
</table>
</body>
</html>
运行结果:
图片有点大,标题没截到
作业4:
豆瓣电影
答案如下:
代码:
运行结果: