html基础静态页面练习

作业一!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title用户注册/title /head body form actionhttps://www.baidu.com methodpost table border1px height700px width600px aligncenter cellspacing0px tr td colspan2 aligncenter bgcolorgray用户注册/td !-- td/td -- /tr tr td alignright bgcolor#EFEFEF用户名/td td bgcolor#EFEFEFinput typetext nameusername idusername value/td /tr tr td alignright bgcolor#EFEFEF密码/td td bgcolor#EFEFEFinput typepassword nameuserpass iduserpass value/td /tr tr td alignright bgcolor#EFEFEF性别/td td bgcolor#EFEFEFinput typeradio namesex value1 checked男 input typeradio namesex value0女/td /tr tr td alignright bgcolor#EFEFEF爱好/td td bgcolor#EFEFEF input typecheckbox namelike写作 input typecheckbox namelike听音乐 input typecheckbox namelike体育 /td /tr tr td alignright bgcolor#EFEFEF省份/td td bgcolor#EFEFEF select nameprovince option valueshaanxi陕西省/option option valueshanx山西省/option /select /td /tr tr td alignright bgcolor#EFEFEF自我介绍/td td bgcolor#EFEFEFtextarea nameintro cols25 role5 placeholder这个家伙什么也没留下/textarea/td /tr tr td aligncenter colspan2 bgcolorgray button typesubmit提交/button button typereset重置/button /td !-- td/td -- /tr /table /form /body /html作业二!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title电子汇单/title /head body h1工商银行电子汇款单/h1 table width1400px height600px border1px cellspacing0px tr height80px width100px td colspan2 aligncenter strong回单类型/strong/td !-- td/td -- td网上转账汇款/td td colspan2strong指令序号/strong/td !-- td/td -- tdHQH00000000000013878172/td /tr tr height80px width100px td rowspan4 aligncenter pstrong收/strong/p pstrong款/strong/p pstrong人/strong/p /td td户名/td td老牟/td td rowspan4 aligncenter pstrong收/strong/p pstrong款/strong/p pstrong人/strong/p /td td户名/td td老刘/td /tr tr height80px width100px !-- td/td -- tdstrong卡号/strong/td td000000000001/td !-- td/td -- tdstrong卡号/strong/td td000000000002/td /tr tr height80px width100px !-- td/td -- td地区/td td南京/td !-- td/td -- td地区/td td杭州/td /tr tr height80px width100px !-- td/td -- tdstrong网点/strong/td td工商江苏南京业务处理中心/td !-- td/td -- tdstrong网点/strong/td td江苏徐州业务中心/td /tr tr height80px width100px td colspan2strong币种/strong/td !-- td/td -- td人民币/td td colspan2strong妙汇标志/strong/td !-- td/td -- tdu钞票/u/td /tr tr height80px width100px td colspan2strong金额/strong/td !-- td/td -- td1.00元/td td colspan2strong手续费/strong/td !-- td/td -- td0.57元/td /tr tr height80px width100px td colspan2strong合计/strong/td !-- td/td -- td colspan4人民币大写壹圆整/td !-- td colspan2/td -- !-- td/td -- !-- td/td -- /tr tr height80px width100px td colspan2strong交易时间/strong/td !-- td/td -- tdi2017年6月1日/i/td td colspan2strong时间戳/strong/td !-- td/td -- tdi2017-06-01-13.00.00。00000/i/td /tr /table 数据打印时间:2017-06-01 15:00:12 br br del票据打印单位:江苏徐州业务中心/del br br 操作员:大曾 /body /html作业三!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title李白诗词/title /head body table alignleft width960px height720 tr td colspan7 height16% bigbigbigbigb将进酒/b/big/big/big/big nbsp;nbsp;bigbigbigb君不见黄河之水天上来/b/big/big/big /td !-- td/td -- !-- td/td -- !-- td/td -- !-- td/td -- !-- td/td -- !-- td/td -- td width10%/td td width10%/td td width10%/td /tr tr td rowspan5 colspan3 width30% img srchttps://ts1.cn.mm.bing.net/th/id/R-C.970a46a72448009ba29be752382b6b18?rikSbztlOUDEO4%2bgQriuhttp%3a%2f%2fimg.ifeng.com%2fres%2f200710%2f1029_213567.jpgehkdum6UIWDDJlyK6V%2f%2fX%2bZWYyl1aW1ozoAk0UW%2blzSWeE%3drislpidImgRawr0 alt/td !-- td/td -- !-- td/td -- td rowspan5 colspan7big p君不见黄河之水天上来奔流到海不复回。/p p君不见高堂明镜悲白发朝如青丝暮成雪。/p p人生得意须尽欢莫使金樽空对月。/p p天生我材必有用千金散尽还复来。/p p烹羊宰牛且为乐会须一饮三百杯。/p p岑夫子丹丘生将进酒杯莫停。/p p与君歌一曲请君为我倾耳听。/p p钟鼓馔玉不足贵但愿长醉不复醒。/p p古来圣贤皆寂寞惟有饮者留其名。/p p陈王昔时宴平乐斗酒十千恣欢谑。/p p主人何为言少钱径须沽取对君酌。/p p五花马千金裘呼儿将出换美酒与尔同销万古愁。/p /big /td !-- 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 td/td td/td td/td td/td /tr tr !-- td/td -- td/td td/td !-- td/td -- 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 td/td td/td td/td td/td /tr tr !-- td/td -- td/td td/td !-- td/td -- td/td td/td td/td td/td td/td td/td /tr /table /body /html作业四!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style .title{ width: 500px; height: 50px;px; } .daohang{ width: 1200px; height: 30px; } .a1{ width: 1500px; height: 250px; } .a11{ width: 200px; height: 250px; float: left; } .a12{ width: 200px; height: 250px; float: left; } .a13{ width: 200px; height: 250px; float: left; } .a14{ width: 200px; height: 250px; float: left; } .a2{ width: 1500px; height: 250px; } .a21{ width: 200px; height: 250px; } .a22{ width: 200px; height: 250px; } .a23{ width: 200px; height: 250px; } .a24{ width: 200px; height: 250px; } /style /head body div classtitle bbigbigbig热门电影板块/big/big/big/b /div hr div classdaohangbbig最近热门电影/big/bnbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp热门 nbsp;nbsp;nbsp;nbsp;最新 nbsp;nbsp;nbsp;nbsp;豆瓣高分nbsp;nbsp;nbsp;nbsp; 冷门佳片nbsp;nbsp;nbsp;nbsp; 华语nbsp;nbsp;nbsp;nbsp; 欧美nbsp;nbsp;nbsp;nbsp; 韩国nbsp;nbsp;nbsp;nbsp; 日本nbsp;nbsp;nbsp;nbsp; 更多nbsp;/div hr div classa1 div classa11img width200 height200px srchttps://img.zcool.cn/community/0129405bf57cbda801209252eb66c0.jpg2o.jpg altspan蜘蛛侠3/span/div div classa12img width200 height200px srchttps://tse3-mm.cn.bing.net/th/id/OIP-C.xdeJW6DiYUjM64L--C-CKgHaKe?rs1pidImgDetMain alt叶问3/div div classa13img width200 height200px srchttps://img.zcool.cn/community/01c1335d3ffa0fa8012187f4a957bc.jpg1280w_1l_2o_100sh.jpg alt烈火英雄/div div classa14img width200 height200px srchttps://img.zcool.cn/community/013d155c184b96a801209252b7c631.jpg1280w_1l_2o_100sh.jpg alt盗墓笔记/div /div div classa2 div classa11img width200 height200px srchttps://n.sinaimg.cn/sinakd10110/252/w2048h3004/20200915/6397-izeysaz0078760.jpg alt死无对证/div div classa12img width200 height200px srchttps://img.zcool.cn/community/0169d35e0b6948a801216518a952f3.jpg alt扫毒2/div div classa13img width200 height200px srchttps://img.zcool.cn/community/014dc8593fc4c7a8012193a38dae87.jpg1280w_1l_2o_100sh.jpg alt钢铁侠/div div classa14img width200 height200px srchttps://ts1.cn.mm.bing.net/th/id/R-C.5ae4a8c13c41883e3400626b4ef25460?rikm%2bByWTi8xsyC0wriuhttp%3a%2f%2fi.gtimg.cn%2fqqlive%2fimg%2fjpgcache%2ffiles%2fqqvideo%2f7%2f7casb7nes159mrl.jpgehkdKsdSpZ6o53lCOxMGvy223hForq9kc98zS9FZQLNDJ0%3drislpidImgRawr0 alt红海行动/div /div /body /html