第一次作业

于 2024-07-07 23:23:15 发布
阅读量208 收藏
点赞数 2
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80137853/article/details/140254392
版权

作业1：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
    <form action=".//深海.jpg"method="post">
<p>用户名：<input type="text"name="Username"maxlength="20px"></p >
<p>密码：<input type="password" name="Userpass"maxlength="20px"></p > 
<p>性别:<input type="radio"name="sex"value="1"id=""checked>男
<input type="radio"name="sex"value="0"id="">女</p >
    <p>爱好:<input type="checkbox"name="like"value="写作"id="">写作
         <input type="checkbox"name="like"value="听音乐"id="">听音乐
   <input type="checkbox"name="like"value="体育"id="">体育</p >
    <p>省份:<select name="province"id="">
     <option value="Shaanxi" checked>陕西省</option>
   <option value="山东省" >山东省</option>
   </select></p >
   <p>自我介绍：<textarea name="intro"id=""width="25px"height="5px">这个家伙什么也没留下</textarea></p >
   <p><button type="submit" name="send">提交</button>
  <button type="reset"name="reset">重置</button></p >
   </form>
</body>
</html>

作业2：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1><b>工商银行电子汇款单</b><br></h1>
        <table border="2px" width="800px" height="450px" align="left" cellpadding="5px" cellspacing="0px">
        <tr>
            <td colspan="2"><b>回单类型</b></td>
            <!-- <td></td> -->
            <td>网上转账汇款</td>
            <td colspan="2"><b>指令样式</b></td>
            <!-- <td></td> -->
            <td>hqh00000000000138781721</td>
        </tr>
       <tr>
         <td rowspan="4">
    收<br>
    款<br>
    人<br>
    </td> 
            </td>    
            <td>户名</td>    
            <td>老刘</td>    
            <td rowspan="4">
                付<br>
                款<br>
                人<br>
        </td> 
            <td>户名</td>    
            <td>老刘</td>
        </tr>    
       <tr>
          <!-- <td></td> -->
            <td>卡号</td>
            <td>000000000001</td>
            <!-- <td></td> -->
            <td>卡号</td>
             <td>000000000002</td>
        </tr>
         <tr>
            <!-- <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>
       </tr>
       <tr>
            <td colspan="2">币种</td>
            <!-- <td></td> -->
            <td>人民币</td>
            <td colspan="2">钞汇标志</td>
            <!-- <td></td> -->
             <td>钞票</td>
        </tr>
        <tr>
                <td colspan="2">金额</td>
                <!-- <td></td> -->
                <td>1.00元</td>
                <td colspan="2">手续费</td>
                 <!-- <td></td> -->
                 <td>0.57元</td>
            </tr>
           <tr>
                <td colspan="2">合计</td>
                <!-- <td></td> -->
                <td colspan="4">人民币(大写）:壹元整</td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
             <tr>
                <td colspan="2">交易时间</td>
                  <!-- <td></td> -->
                <td>2017年6月1日</td>
                <td colspan="2">时间戳</td>
                <!-- <td></td> -->
                <td>2017-06-01-13.00.00.00 00000</td>
            </tr>
            </table>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <p>
            票据打印时间:2017-06-01 15:00:12<br>
         <s>票据打印单位:江苏徐州业务中心</s><br>
            操作人：大官</p >
        </body>
        </html>
</body>
</html>

作业3：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业3</title>
</head>
<body>
     <h1>将进酒
        <small>君不见黄河之水天上来</small>
     </h1>
    <img src="./李太白.jpg"   width="300px"        height="600px"       alt="" align="left">
<pre>
    君不见，黄河之水天上来，奔流到海不复回。

    君不见，高堂明镜悲白发，朝如青丝暮成雪。
        
    人生得意须尽欢，莫使金樽空对月。
        
    天生我材必有用，千金散尽还复来。
    
    烹羊宰牛且为乐，会须一饮三百杯。
        
    岑夫子，丹丘生，将进酒，杯莫停。
        
    与君歌一曲，请君为我倾耳听。
        
    钟鼓馔玉不足贵，但愿长醉不愿醒。
        
    古来圣贤皆寂寞，惟有饮者留其名。
        
    陈王昔时宴平乐，斗酒十千恣欢谑。
        
    主人何为言少钱，径须沽取对君酌。
        
    五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
 </pre>
    </body>
</html>

作业4：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业4</title>
      <link rel="stylesheet"  type="text/css"   href="./作业4.css">
</head>
<body>
    <main>
      <h1>热门电影模块</h1><hr>
     <div class="movie">
        <h2>最近热门电影</h2>
         <div class="movie-center">
           <p>热门</p>
           <p>最新</p>
           <p>豆瓣高分</p>
           <p>豆瓣高分</p>
      </div>
          <div class="location">
            <p>华语</p>
            <p>欧美</p>
            <p>韩国</p>
            <p>日本</p>
            <p>更多>></p>
          </div>
    </div>
      <hr>
     <div>
            <div class="movie-1-row">
            <div class="each-movie">
           <img src="./深海.jpg" alt="" >
              <p>深海</p >
         </div>
            <div class="each-movie">
           <img src="./云边有个小卖部.jpeg" alt="" >
            <p>云边有个小卖部</p>
            </div>
            <div class="each-movie" >
           <img src="./熊出没之逆转时空.webp" alt="" >
             <p>熊出没之逆转时空</p >
        </div>
            <div class="each-movie" >
          <img src="./加菲猫家族.jpg" alt="" >
         <p>加菲猫家族</p >
       </div>
    </div>
         <div class="movie-2-row">
         <div class="each-movie">
           <img src="./白蛇：浮生.webp" alt="" >
          <p>白蛇：浮生</p >
         </div>
         <div class="each-movie">
         <img src="./姜子牙.jpg" alt="" >
          <p>姜子牙</p >
         </div>
            <div class="each-movie">
           <img src="./长安三万里.webp" alt="" >
           <p>长安三万里</p >
         </div>
             <div class="each-movie">
                 <img src="./九龙城寨之围城.webp" alt="" >
                 <p>九龙城寨之围城</p>
        </div>
     </div>
   </div>
 </main>
</body>
</html.>
main{
     margin: auto;
     width: 50vw;
}
.movie{
    display: flex;
     justify-content: space-between;
      align-items: center;
}
.movie-center{
     width: 40%;
     display: flex;
     justify-content: space-between;
}
.location{
    width: 40%;
     display: flex;
      justify-content: space-between;
}
.movie-1-row,.movie-2-row{
     display: flex;
      justify-content: space-between;
}
.each-movie{
     width: 150px;
     text-align: left;
}
img{
     width: 400px;
     height: 600px
}

诶. .
关注
CSS3可展开收缩的弹性动画菜单
11-24
CSS3可展开收缩的弹性动画菜单
温习古文之将进酒
Sunny_Future的博客
12-06 428
温习古文之将进酒，唐，李白 君不见，黄河之水天上来，奔流到海不复回。 君不见，高堂明镜悲白发，朝如青丝暮成雪。 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听) 钟鼓馔玉不足贵，但愿长醉不愿醒。(不足贵 一作：何足贵；不愿醒 一作：不复醒) 古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯) 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对.
CSS实现展开动画
WindrunnerMax
01-29 6802
CSS实现展开动画 展开收起效果是比较常见的一种交互方式，通常的做法是控制display属性值在none和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素展开收起能具有平滑的效果。 实现 首先想到的是通过height在0与auto之间切换，但是结果可能并不会是我们所预期的那样，原因是我们将要展开的元素内容是动态的，即高度值不确定，因此height使用的值是默认的auto，从0px到auto是无法计算的，因此无法形成过渡或动画效果。 据此我们可以使用max-height，将m
css简易收缩展开动画
背着电脑走江湖的博客
08-04 3033
代码】css简易收缩展开动画。
川大网络教育-政治科学原理第一次作业第二次作业.doc
12-06
川大网络教育-政治科学原理第一次作业第二次作业.doc
基于Java语言的第一次作业设计源码
最新发布
09-30
该作业项目为Java编程语言编写，总计包含29个文件，涵盖17个Java源文件、5个XML配置文件、2个Git忽略文件、2个Idea项目配置文件以及少量其他类型的文件，如...项目名称表明这是学生的第一次作业设计，具体内容不详。
第一次作业 第一次作业 第一次作业
11-12
作业
CAD程序设计课程第一次作业.doc
05-23
----------------------- CAD程序设计课程第一次作业全文共8页，当前为第1页。 CAD程序设计课程第一次作业全文共8页，当前为第2页。 CAD程序设计课程第一次作业全文共8页，当前为第3页。 CAD程序设计课程第一次作业...
第一次作业aaaaaa
09-26
第一次作业aaaaaa
JS+CSS实现DIV层的展开、收缩效果
10-22
主要介绍了JS+CSS实现DIV层的展开、收缩效果，以两个完整实例介绍了JS控制DIV层的展开、收缩效果，感兴趣的小伙伴们可以参考一下
CSS层折叠(或收缩)与展开特效
05-12
内容索引:脚本资源,CSS特效,层折叠,层展开　　一个基于CSS+JS实现DIV层展开收缩代码，实现类似打开与关闭的功能，可以应用到网页的任何部分，直接拷贝代码就能使用，具体效果大家可看截图。
css实现展开收起效果！！
chenyajundd的博客
10-23 1524
之所以分享这个效果，一是是觉得挺有意思的，二是也是感慨目前随着前端技术的发展，一些新技术慢慢已经取代了老技术，就比如 flex 和 float，我们在工作中可能更多的是使用 flex 进行布局，而慢慢的忽视了 float，而真正的需要 float 登场的时候，又想不起来要去使用它了。
css 展开收起动画
wnk1997的博客
05-05 607
在css里面加一行这个就行。
纯css动画 —— 展开、收起
热门推荐
朝阳39的博客
03-17 1万+
在web端，“展开收起”效果一般用jQuery的slideUp()/slideDown()实现 但在移动端，因为CSS3动画支持良好，所以移动端的JavaScript框架都没有动画模块。此时，使用CSS实现动画就成了最佳的技术选型。 最终效果 完整范例代码 <template> <div class="box"> <input id="check" type="checkbox"> <p>个人觉
CSS使用过渡动画实现展开折叠效果
tt1234561009的博客
07-27 7593
前端页面展开/折叠效果可通过v-show控制显示隐藏，但这样页面交互太刻意了，显得不是很顺畅，为了提高用户使用体验感可以使用过渡动画实现平缓地展开折叠效果~
展开收缩功能 CSS html CSS
m0_63701007的博客
04-17 2136
效果图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /...
CSS 动画
Lover
07-27 658
css动画animate，各种动画效果。 小部分效果： 这个css动画原网站http://daneden.me/animate。 例子代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;link rel="stylesheet" href="css/
概率算法设计与分析第一次作业
"算法分析与设计第一次作业" 概率算法是算法设计中的一种重要方向，用于解决复杂问题的近似解。概率算法的基本思想是使用随机性来减少计算复杂度，提高算法的效率。 在概率算法中，使用随机数生成器来生成随机数，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值