简易html静态网页

成都文理学院实训平台!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style .box{ width: 1500px; height: 1500px; } .box1{ width: 1500px; height: 100px; } .box12{ width: 400px; height: 100px; float: left; } .box13{ width: 250px; height: 100px; text-align: center; line-height: 100px; float: left; } .box14{ width: 250px; height: 100px; line-height: 100px; float: left; } .box15{ width: 250px; height: 100px; line-height: 100px; float: left; font-size: large; } .box15{ width: 250px; height: 100px; line-height: 100px; float: left; font-size: large; } .item{ width: 125px; height: 50px; margin-top: 21px; line-height: 35px; text-align: center; background-color: aqua; } .item2{ width: 125px; height: 50px; margin-top: 21px; line-height: 35px; text-align: center; background-color: rgb(225, 81, 122); float: left; } .picture{ width: 1500px; height: 546px; } .gongkai{ width: 200px; height: 50px; } span{ font-size: xx-large; font-weight: 1000; } .class1{ width: 1500px; height: 300px; float: left; } .class2{ width: 1500px; height: 300px; float: left; } .class11{ width: 370px; height: 300px; float: left; } .class12{ width: 370px; height: 300px; float: left; } .class13{ width: 370px; height: 300px; float: left; } .class14{ width: 370px; height: 300px; float: left; } .class21{ width: 370px; height: 300px; float: left; } .class22{ width: 370px; height: 300px; float: left; } .class23{ width: 370px; height: 300px; float: left; } .class24{ width: 370px; height: 300px; float: left; } /style /head body div classbox div classbox1 div classbox12img srchttps://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png alt/div div classbox13 bbig首页/big/b nbsp;nbsp;nbsp; bbig全部课程/big/b nbsp;nbsp; nbsp; bbig公开课/big/b nbsp;nbsp; nbsp; /div div classbox14 input typetext namekeyword stylewidth: 150px; placeholder请输入课程名称 value classinp span classicon/span input typesubmit value classbtn /div div classbox15 div classitema href/manage/index classbtn1教师登录/a/div /div div class16 div classitem2a href/user/login classbtn2学生登录/a/div /div /div div classpicture img width1500px src./zxshixun.cdcas.com_ (1).png /div div classgongkai span 公开课 /span /div div classclass1 div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718615411292.png altbbigbig儿童口腔医学/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718694395881.jpg altbbigbig投资经济学/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718689537441.png altbbigbig玩具设计/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718766927847.jpg altbbigbig和声学/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div /div div classclass2 div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718676140846.png altbbigbig劳动教育/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718612937065.jpg altbbigbig投资学/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718778321619.jpg altbbigbig程光学/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div div classclass11img width375px srchttps://s3.canghuikeji.com/upfiles/1718764519828.jpg altbbigbig智能制造/big/big/bnbsp;nbsp;nbsp;nbsp;成都文理学院实训平台/div /div /div /body /html实训平台登录界面!DOCTYPE html html head title成都文理学院登录/title style .head{ width: 1500px; height: 100px; } .body{ width: 1500px; height: 800px; float: left; } .picture{ width: 800px; height: 560px; float: left; } .join{ background-image: url(https://zxshixun.cdcas.com/static/login/images/loginnew-box.jpg); width: 690px; height: 500px; text-shadow: 10px 10px 10px rgb(216, 196, 196); display: flex; align-items: center; justify-content: center; float: left; } /style /head body div classhead img srchttps://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png alt/div div classbody div classpicture img width800px height500px srchttps://zxshixun.cdcas.com/static/login/images/loginnew-img.jpg alt/div div classjoin form action h2学生登录/h2 label forusername用户名/labelbr input typetext idusername nameusernamebr label forpassword密码/labelbr input typepassword idpassword namepasswordbrbr input typesubmit value登录 /form /div /div /body /html