第二次作业

码云:https://gitee.com/jgq123-22/second_assignment.git

第二次作业_第1张图片

动画演示部分:第二次作业_第2张图片

可勾选框:第二次作业_第3张图片

 

 

可上传文件筐:第二次作业_第4张图片

 

 

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Reading together
        title>
    head>
    

<style type="text/css">
        *{margin: 0;padding: 0;}
        
div{ width:100%; margin:0 auto; background-color:lightgray; background:url(JGQ7.jpg); } #p1{ width:300px; height:800px; background-color:red; float:left; } #p2{ width:800px; height:800px; background-color:GREEN; float:left; margin-left:10px; } #p3{ width:200px; height:800px; background-color:blue; float:left; margin-right:10px; margin-left:10px; } style> <body> <div style="position:relative";> <p id="p1"> <img src="JGQ1.jpg" width="300px" height="800px" > <div style="position:absolute;width="200px" height="400px""> <ol> <li>li> <li>li> <li>li> <li>li> ol> <strong>关于读书的小调查strong> <ol> <li>li> <li>li> <li>li> <li>li> ol> <form action="/course/reg.do" method="post" enctype="multipart/form-data" width="100" top:"20"> <p>是否喜欢读书:<input type="text"/> <li>li> <p>认为读书的意义:<textarea>textarea>p> <li>li> <p>好书推荐:<input type="file"/>p> <li>li> form> <body> <ol> <li>li> <li>li> <li>li> <li>li> ol> body> <body> <li><label><input type="checkbox" name="check">是否每天读label>li> <li><lable><input type="checkbox" name="check">你的读书时间规律吗lable>li> <li><lable><input type="checkbox" name="check">你读书是为了学习吗lable>li> body> <form action="/course/reg.do" method="post" enctype="multipart/form-data" width="100" top:"20"> <p><input type="submit" value="提交"/>p> form> div> p> <div style="position:relative";> <p id="p2"> <body> <body> <marquee scrollamount="10" scrolldelay="100" dliection="right" width="800" height="300"> <img src="JGQ4.jpg" width="800px" height="300px" /> <img src="JGQ5.jpg" width="800px" height="300px" /> <img src="JGQ6.jpg" width="800px" height="300px" /> <img src="JGQ7.jpg" width="800px" height="300px" /> <img src="JGQ8.jpg" width="800px" height="300px" /> <img src="JGQ9.jpg" width="800px" height="300px" /> <img src="JGQ10.jpg" width="800px" height="300px" /> marquee> body> <body> <img src="JGQ2.jpg" width="800px" height="500" /> body> body> p> <div style="position:relative";> <p id="p3"> <img src="JGQ3.jpg" width="200PX" height="800px"> p> div> body> html>

 

你可能感兴趣的:(第二次作业)