html第一次作业

已于 2024-07-12 22:02:31 修改
阅读量186 收藏
点赞数 1
文章标签： 前端 javascript html
于 2024-07-07 20:56:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A147258369___/article/details/140252092
版权 
<!--第一次作业-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" contect="width=device-width,initial-scale=1.0">
</head>
<body>
    <table border="1px" height="600" width="800px" align="center">
    <tr>
        <th colspan="2">
        <p>用户注册</p>
        </th>
        <!-- <th></th> -->
    </tr>
    <tr>
        <form action="https:www baidu.com" method="post">
        <td align="right">用户名: </td>
        <td><input type="text" name="username"></td>
    </tr>
    <tr>
        
        <td align="right">密码:</td><br>
        <td><input type="password" name="password"> <br></td>
        
    </tr>
    <tr>
        <td align="right"><p>性别:</td>
        <td><input type="radio" name="sex" value="sex">男
    <input type="radio" name="sex" value="sex">女</p></td>
        
    </tr>
    <tr>
        <td align="right"><p>爱好：</p></td>
        <td><input type="checkbox" name="like">写作
        <input type="checkbox" name="like">听音乐
        <input type="checkbox" name="like">体育</p></td>
        
    </tr>
    <tr>
        <td align="right">省份：</td>
        <td><select><option value="陕西省">陕西省</option></select></td>   
    </tr>
    <tr>
        <td align="right"><br>自我介绍：</td>
        <td><textarea height="50" width="50" name="introduce" id="" cols="50" rows="10" placeholder="请用不超过500个字介绍自己......"></textarea></br>
        </form>
        </td>   
    </tr>
    <tr>
        <td colspan="2" align="center">
        <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">
    <meta name="viewport" contect="width=device-width,initial-scale=1.0">
</head>
<body>
    <h1>工商银行电子汇款单</h1>
    <table height="300px" width="1200px" border="1px" cellspacing="0">
    <tr><!--第一行-->
        <td><b>回单类型</b></td>
        <td colspan="5">网上转账汇款</td>
        <td><b>指定序号</b></td>
        <td colspan="5">HQH0000000000000013878172</td>           
        <!-- <td></td>        
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>  
        <td></td> -->
    </tr>
    <tr><!--第二行-->
        <td rowspan="4"><b>收款人</b></td>
        <td>户名</td>
        <td colspan="4">老牟</td>
        <td rowspan="4"><b>付款人</b></td>
        <td>户名</td>
        <td colspan="4">老刘</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第三行-->
        <td><b>卡号</b></td>
        <td colspan="4">000000000001</td>
        <td><b>卡号</b></td>
        <td colspan="4">000000000002</td>
        <!-- <td></td> -->
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
        <!-- <td></td>
        <td></td> -->
    </tr>
    <tr><!--第四行-->
        <td>地区</td>
        <td colspan="4">南京</td>
        <td>地区</td>
        <td colspan="4">杭州</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
        <!-- <td></td>
        <td></td> -->
    </tr>
    <tr><!--第五行-->
        <td><b>网点</b></td>
        <td colspan="4">工商江苏南京业务处理中心</td>
        <td><b>网点</b></td>
        <td colspan="4">江苏徐州业务中心</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
        <!-- <td></td>
        <td></td> -->
    </tr>
    <tr><!--第六行-->
        <td><b>币种</b></td>
        <td colspan="5">人民币</td>
        <td><b>钞汇标志</b></td>
        <td colspan="5">钞票</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第七行-->
        <td><b>金额</b></td>
        <td colspan="5">1.00元</td>
        <td><b>手续费</b></td>
        <td colspan="5">0.57元</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第八行-->
        <td><b>合计</b></td>
        <td colspan="11">人民币（大写）：壹元整</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第九行-->
        <td><b>交易时间</b></td>
        <td colspan="5">2017年6月1日</td>
        <td><b>时间戳</b></td>
        <td colspan="5">2017-06-01-13.00.00。00000</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    </table>
    <p>票据打印时间:2017-06-01 15:00:12</p>
    <s>票据打印单位:江苏徐州业务中心</s>
    <p>操作员:大曾</p>
</body>
</html>


<!--第三次作业-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" contect="width=device-width,initial-scale=1.0">
    <title>李白诗词</title>
</head>
<body>
    <h1>将近酒 <small>君不见黄河之水天上来</small> </h1>
     <table  width="800px" height="600px">
        <tr>
            <th><img height="800px" width="500" src="https://so.360tres.com/dmsmtyf/160_160_100/t01e655edd4a7729565.webp"></th>          
            <td><pre><h1>
君不见黄河之水天上来，奔流到海不复回。

君不见高堂明镜悲白发，朝如青丝暮成雪。

人生得意须尽欢，莫使金樽空对月。

天生我材必有用，千金散尽还复来。

烹羊宰牛且为乐，会须一饮三百杯。

岑夫子，丹丘生，将进酒，杯莫停。

与君歌一曲，请君为我倾耳听。

钟鼓馔玉不足贵，但愿长醉不复醒。

古来圣贤皆寂寞，惟有饮者留其名。

陈王昔时宴平乐，斗酒十千恣欢谑。

主人何为言少钱，径须沽取对君酌。

五花马，千金裘，
        
呼儿将出换美酒，与尔同销万古愁。
            </h1></pre>
            </td>          
        </tr>
</body>
</html>



<!--第四次作业-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" contect="width=device-width,initial-scale=1.0">
    <title>豆瓣电影</title>
</head>
<body>
    <h1>热门电影板块</h1>
    <hr>
    <table height="30" width="1500" cellpadding="0px">  
    <tr ><!--第一行-->
        <td colspan="2"><b>最近热门电影</b></td>
        <td></td>
        <td>热门</td>
        <td></td>
        <td>最新</td>
        <td></td>
        <td>豆瓣高分</td>
        <td></td>
        <td>冷门佳片</td>
        <td></td>
        <td>华语</td>
        <td></td>
        <td>欧美</td>
        <td></td>
        <td>韩国</td>
        <td></td>
        <td>日本</td>
        <td></td>
        <!-- <td></td>
        <td></td> -->
        <td>更多>></td>
        <!-- <td></td> -->
    </tr>
    </table>
    <hr>
    <table height="600" width="1000" border="1px" cellpadding="0px">
    <tr><!--第二行-->
        <td colspan="5"><img src="微信图片1.png"></td>
        <td colspan="5"><img src="微信图片2.png"></td>
        <td colspan="5"><img src="微信图片3.png"></td>
        <td colspan="5"><img src="微信图片4.png"></td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr><!--第三行-->
    <tr>
        <td colspan="5">猜火车8.1</td>
        <td colspan="5">贝尔科实验6.0</td>
        <td colspan="5">加州公路巡警6.8</td>
        <td colspan="5">歌声不绝6.3</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第四行-->
        <td colspan="5"><img src="微信图片5.png"></td>
        <td colspan="5"><img src="微信图片6.png"></td>
        <td colspan="5"><img src="微信图片7.png"></td>
        <td colspan="5"><img src="微信图片8.png"></td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    <tr><!--第五行-->
        <td colspan="5">明日的我与昨日的我</td>
        <td colspan="5">速度与激情8</td>
        <td colspan="5">极速特工</td>
        <td colspan="5">金刚狼3:殊死一战</td>
        <!-- <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td> -->
    </tr>
    </table>
</body>
</html>

作业效果图：

        第一次作业：

        第二次作业：

        第三次作业：

 

        第四次作业：

 

现实与幻想～
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值