一、总结

1、什么是web前端？
—web前端就是网页制作。
2、什么是HTML？
—html就是超文本标记语言，说白了就是网页，给用户展示的界面。
3、本节课都学习了那些标签？

二、作业

1.网上转账电子账单

代码如下：


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p><font size="6"><b>工商银行电子汇款单</b></font></p><table border="1"  cellspacing="0"><tr><td colspan="2"><b>回单类型</b></td><td colspan="2"">网上转账汇款</td><td colspan="2"><b>指令序列号</b></td><td colspan="2">HQH10000000001000100</td></tr><tr><td rowspan="4"><b>收款人</b></td><td>户名</td><td colspan="2">老牟</td><td rowspan="4""><b>付款人</b></td><td>户名</td><td colspan="2">老刘</td></tr><tr><td><b>卡号</b></td><td colspan="2">00000000001</td><td><b>卡号</b></td><td>00000000002</td>    </tr><tr><td>地区</td><td colspan="2">南京</td><td>地区</td><td>杭州</td>    </tr><tr><td><b>网点</b></td><td colspan="2">工商江苏南京业务处理中心</td><td><b>网点</b></td><td>江苏徐州业务中心</td></tr><tr><td colspan="2""><b>币种</b></td><td colspan="2">人民币</td><td colspan="2"><b>汇钞标准</b></td><td>钞票</td> </tr><tr><td colspan="2""><b>金额</b></td><td colspan="2">1.00元</td><td colspan="2"><b>手续费</b></td><td>0.57元</td>   </tr><tr><td colspan="2""><b>合计</b></td><td colspan="6">人民币（大写）：拾万元整</td>   </tr><tr><td colspan="2""><b>交易时间</b></td><td colspan="2"><i>2017年6月1日</i></td><td colspan="2"><b>时间戳</b></td><td><i>2017-06-01-14:00。000000 </i></td>    </tr> </table><p>票据打印时间：2017=06-01 15:00:12<br><del>票据打印单位：江苏徐州业务中心</del><br>操作员：大曾</p></body>
</html>

2.李白诗词“将进酒”

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>《将进酒》</title>
</head>
<body><div  style="position:fixed; top:0;" ><h1 style="display: inline;">将进酒</h1>&nbsp;&nbsp;&nbsp;<h2 style="display: inline;">君不见黄河之水天上来</h2></div><p>&nbsp;&nbsp;&nbsp;</p><img  src="./img/李白.jpg" style="float:left; height: 600px;"><p>君不见，黄河之水天上来，奔流到海不复回。</p><p>君不见，高堂明镜悲白发，朝如青丝暮成雪。</p><p>人生得意须尽欢，莫使金樽空对月。</p><p>天生我材必有用，千金散尽还复来。</p><p>烹羊宰牛且为乐，会须一饮三百杯。</p><p>岑夫子，丹丘生，将进酒，杯莫停。</p><p>与君歌一曲，请君为我倾耳听。</p><p>钟鼓馔玉不足贵，但愿长醉不愿醒。</p><p>古来圣贤皆寂寞，惟有饮者留其名。</p><p>陈王昔时宴平乐，斗酒十千恣欢谑。</p><p>主人何为言少钱，径须沽取对君酌。</p><p>五花马，千金裘，</p><p>呼儿将出换美酒，与尔同销万古愁。</p></div>
</body>
</html>

3.用户注册表

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table><tr bgcolor="#CCCCCC"><td colspan="2" align="center">用户注册</td></tr><tr bgcolor="#CCCCCC"><td>用户名</td><td><input type="text" id="username" name="username" placeholder="李白"/></td></tr><tr bgcolor="#CCCCCC"><td>密码</td><td><input type="password" name="password" required autofocus/ ></td></tr><tr bgcolor="#CCCCCC"><td>性别</td><td><input type="radio" value="男" name="gender" checked/>男<input type="radio" value="女" name="gender"/>女</td></tr><tr bgcolor="#CCCCCC"><td>爱好</td><td> <input type="checkbox" value="sing" name="fav"/>饮酒<input type="checkbox" value="dance" name="fav"/>舞剑<input type="checkbox" value="rap" name="fav"/>写诗<input type="checkbox" value="basketball" name="fav"/>作词</td></tr><tr bgcolor="#CCCCCC"><td>邮箱</td><td><input type="email" name="email" placeholder="请输入您的邮箱:"/></td></tr><tr bgcolor="#CCCCCC"><td>省份</td><td><select name="address"><option value="陕西">陕西</option><option value="山西">湖北</option><option value="浙江">新疆</option><option value="福建">福建</option><option value="河南">河南</option></select></td></tr><tr bgcolor="#CCCCCC"><td>建议或者意见</td><td><textarea name="comment" cols="30" rows="10" placeholder="您的意见或者建议"></textarea></td></tr></table><input type="submit" value="注册用户"><input type="submit" value="提交"></body>
</html>

[Web前端]第一次作业相关推荐

Web前端第一次作业——html表格
Web前端第一次作业--html表格做出下面三张图的效果 1, <!DOCTYPE html> <html><head><meta charset=&quo ...
sdau启航前端第一次作业
标签详解 <!DOCTYPE html>标记文档类型不属于标签. <html lang="zh-CN">标记语言zh-CN是中文en是英文 <html ...
个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)
HTML期末大作业课程设计游戏主题html5网页~响应式游戏网站(HTML+CSS+Bootstrap) ~个人设计web前端大作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业...
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)
个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
web网页设计—— 指环王：护戒使者(13页) 电影网页设计在线电影制作个人设计web前端大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
HTML5期末大作业：茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计
HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材有 ...
web前端课程作业设计：个人简历
一.说明今天博主的web前端选修课结课了,期末大作业也提交了,今天写一篇博客把我的大作业分享给大家. 二.题目 1. 大作业题目个人简历主页设计 2. 内容要求应尽量包含以下内容: Ø 包含个人 ...

[Web前端]第一次作业

文章目录

一、总结

二、作业

1.网上转账电子账单

2.李白诗词“将进酒”

3.用户注册表

[Web前端]第一次作业相关推荐

最新文章

热门文章