第一次作业

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业一</title>
</head>
<body>
    <table border="1px" align="center" bgcolor="#d0d0d0">
        <tr>
            <td colspan="2" align="center" bgcolor="#7B7B7B">用户注册</td>
            <!-- <td></td> -->
        </tr>
        <tr>
            <td align="right" >用户名</td>
            <td><input type="text" name="username" size="15" maxlength="20" ></td>
        </tr>
        <tr>
            <td align="right">密码</td>
            <td><input type="password" size="15" maxlength="20"></td>
        </tr>
        <tr>
            <td align="right">性别</td>
            <td> <input type="radio" name="sex" value="1" checked>男
                <input type="radio" name="sex" value="2">女</td>
        </tr>
        <tr>
            <td align="right">爱好</td>
            <td> <input type="checkbox" name="like" value="xiezuo">写作
                <input type ="checkbox" name="like" value="tiyu">体育
                <input type="checkbox" name="like" value="tingyinyue">听音乐
            </td>
        </tr>
        <tr>
            <td align="right">省份</td>
            <td>
                <select name="province" >
                <option value="shaanxi" selected>陕西省</option>
                <option value="shanx">山西省</option>
                <option value="hunan">湖南省</option>
                <option value="heibei">河北省</option>
                <option value="guangdong">广东省</option>
             
                </select>
            </td>
        </tr>
        <tr>
            <td align="right">自我介绍</td>
            <td>
                <textarea name="introduce" cols="50" rows="10" placeholder="这个家伙什么也没留下"></textarea>
            </body>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" bgcolor="#7B7B7B" >
                <button type="submit">提交</button>
                <button type="reset">重置</button>
            </td>
            <!-- <td></td> -->
        </tr>
    </table>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业二</title>
</head>
<body>
    <h2>工商银行电子汇款单</h2>
    <table border="1px" cellspacing="0px">
        <tr>
            <td colspan="2"><h4>回单类型</h4></td>
            <!-- <td></td> -->
            <td>网上转账汇款</td>
            <td colspan="2"><h4>指令序号</h4></td>
            <!-- <td></td> -->
            <td>HQH0000000000000013878172</td>
        </tr>
        <tr>
            <td rowspan="4"><h4>收<br>款<br>人</h4></td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4"><h4>付<br>款<br>人</h4></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><h4>卡号</h4></td>
            <td>000000000001</td>
            <!-- <td></td> -->
            <td><h4>卡号</h4></td>
            <td>000000000002</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>地区</td>
            <td>南京</td>
            <!-- <td></td> -->
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><h4>网点</h4></td>
            <td>工商江苏南京业务处理中心</td>
            <!-- <td></td> -->
            <td><h4>网点</h4></td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="2"><h4>币种</h4></td>
            <!-- <td></td> -->
            <td>人民币</td>
            <td colspan="2"><h4>钞汇标志</h4></td>
            <!-- <td></td> -->
            <td>钞票</td>
        </tr>
        <tr>
            <td colspan="2"><h4>金额</h4></td>
            <!-- <td></td> -->
            <td>1.00元</td>
            <td colspan="2"><h4>手续费</h4></td>
            <!-- <td></td> -->
            <td>0.57元</td>
        </tr>
        <tr>
            <td colspan="2"><h4>合计</h4></td>
            <!-- <td></td> -->
            <td colspan="4">人民币(大写):壹圆整</td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        <tr>
            <td colspan="2"><h4>交易时间</h4></td>
            <!-- <td></td> -->
            <td>2017年6月1日</td>
            <td colspan="2"><h4>时间戳</h4></td>
            <!-- <td></td> -->
            <td>2017-06-01-13.00.00。00000</td>
        </tr>
    </table>
    <br>
    票据打印时间:2017-06-01 15:00:12
    <br>
    <br>
    <s>票据打印单位:江苏徐州业务中心</s>
    <br>
    <br>
    操作员:大曾
    

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业三</title>
    <style>
        .inline {
            display: inline;
}
    .container {
            width: 100%; /* 容器宽度 */
}
 
    .image {
        float: left; /* 让图片浮动到左边 */
    margin-right: 20px; /* 图片和文字之间的距离 */
}
 
.text {
  float: left; /* 让文字浮动到左边 */
}
    </style>
</head>
<body>
    <h1 class="inline">将进酒</h1>
    <h3 class="inline">君不见黄河之水天上来</h3>
    <div class="container">
        <div class="image">
          <img src="李白.jpeg" alt="李白" weight="300px" height="430px">
        </div>
        <div class="text">
          <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>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业四</title>
<body>
    <h2>热门电影板块</h2>
    <hr>
    <font size="4"> <strong>最近热门电影</strong></font>
     &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;更多>>

     <hr>
     <table>
        <tr>
            <td><img src="./电影/唐人街探案3.webp" weight="200px" height="200px"></td>
            <td><img src="./电影/唐人街探案.webp" weight="200px" height="200px"></td>
            <td><img src="./电影/唐人街探案2.webp" weight="200px" height="200px"></td>
            <td><img src="./电影/喜剧之王.jpg" weight="200px" height="200px"></td>
            <td><img src="./电影/红海行动.jpg" weight="200px" height="200px"></td>
        </tr>
     </table>
     &nbsp;&nbsp;&nbsp;&nbsp;唐人街探案3&nbsp;5.3
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;唐人街探案&nbsp;7.7
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;唐人街探案2&nbsp;6.6
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;喜剧之王&nbsp;8.8
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红海行动&nbsp;8.2
     <table>
        <tr>
            <td><img src=".//电影/无名之辈.jpg" weight="200px" height="200px"></td>
            <td><img src="./电影/美人鱼.jpg" weight="200px" height="200px"></td>
            <td><img src="./电影/扬名立万.jpg" weight="200px" height="200px"></td>
            <td><img src="./电影/保你平安.jpg" weight="200px" height="200px"></td>
            <td><img src="./电影/误杀.jpg" weight="200px" height="200px"></td>
        </tr>
     </table>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;无名之辈&nbsp;8.0
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美人鱼&nbsp;6.7
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扬名立万&nbsp;7.4
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;保你平安&nbsp;7.7
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;误杀&nbsp;7.5
</body>
</html>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值