html的作业

目录

作业题目

1.用户注册

A图

B代码

2.工商银行电子汇款单

A图

B代码

3.李白诗词

A图

B代码

4.豆瓣电影

A图

B代码

学习产出:


作业题目

1.用户注册

A图

B代码

<!DOCTYPE html>
<html lang="zh">
<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">
    <title>用户注册</title>
</head>
<body>
<form action="../作业/1.用户注册页面.html" method="post">
    <table border="1px" align="center" width="380" style="background-color: rgb(241, 241, 241);">
        <tr>
        <tr>
            <td colspan="2" align="center" style="background-color: gray;">用户注册</td>
        </tr>
 
        <tr>
            <td><label for="UserName">用户名</label></td>
            <td><input type="text" name="UserName" id="UserName" size="15" maxlength="20" placeholder="输入用户名" autofocus required></td>
        </tr>
 
        <tr>
            <td><label for="password" >密码</label></td>
            <td><input type="password" name="password" id="password" size="15" maxlength="20" placeholder="输入密码" required></td>
        </tr>
 
        <tr>
            <td><label>性别</label></td>
            <td><input type="radio" name="sex" value="male" checked> 男
                <input type="radio" name="sex" value="female"> 女
            </td>
        </tr>
 
        <tr>
            <td><label for="like" >爱好</label></td>
            <td><input type="checkbox" name="like" value="写作">写作
                <input type="checkbox" name="like" value="听音乐">听音乐
                <input type="checkbox" name="like" value="体育">体育
            </td>
        </tr>
 
        <tr>
            <td><label for="province">省份</label></td>
            <td><select name="province">
                <option value="shanxi" checked >陕西省</option>
                <option value="shanxi">山西省</option>
            </select></td>
        </tr>
 
        <tr>
            <td><label for="self-introduction">自我介绍</label></td>
            <td><textarea name="intro"  cols="25" rows="5" <input value="这个家伙什么也没有留下" placeholder="这个家伙什么也没有留下"></textarea>></textarea></td>
        </tr>
 
        <tr style="color: black;background-color: gray;">
            <td colspan="2" align="center"><input type="submit" value="提交" name="send">
                <input type="reset" value="重置" name="reset"></td>
        </tr>
    </table>
</form>
</body>
</html>

2.工商银行电子汇款单

A图

B代码

<!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>
	  <h1>工商银行电子汇款单</h1>
      <table border="1" cellpadding="0" cellspacing="0" style="width: 800px">
             <tr>
             	<td colspan="2"><b>回单类型</b></td>
             	<td >网上转账汇款</td>
             	<td colspan="2"><b>指令序号</b></td>
             	<td >HQH0000000000000013878172</td>
             </tr>
             <tr>
             	<th rowspan="4" style="width: 20px">收款人</th>
             	<td style="width: 80px">户名</td>
             	<td>老牟</td>
             	<th rowspan="4" style="width: 20px">付款人</th>
             	<td style="width: 80px">户名</td>
             	<td>老刘</td>
             </tr>
             <tr>
                 <td><b>卡号</b></td>
                 <td>000000000001</td>
                 <td><b>卡号</b></td>
                 <td>000000000002</td>
             </tr>
             <tr>
                 <td>地区</td>
                 <td>南京</td>
                 <td>地区</td>
                 <td>杭州</td>
             </tr>
             <tr>
                 <td><b>网点</b></td>  
                 <td>工商江苏南京业务处理中心</td>
                 <td><b>网点</b></td>
                 <td>江苏徐州业务中心</td>
             </tr>
             <tr>
                 <td colspan="2"><b>币种</b></td>
                 <td>人民币</td>
                 <td colspan="2"><b>钞汇标志</b></td>
                 <td><u>钞票</u></td>
             </tr>
             <tr>
                 <td colspan="2"><b>金额</b></td>
                 <td>1.00元</td>
                 <td colspan="2"><b>手续费</b></td>
                 <td>0.57元</td>
             </tr>
             <tr>
                 <td colspan="2"><b>合计</b></td>
                 <td colspan="4">人民币(大写)壹元整</td>
             </tr>
             <tr>
                 <td colspan="2"><b>交易时间</b></td>
                 <td><i>2017年6月1日</i></td>
                 <td colspan="2"><b>时间戳</b></td>
                 <td><i>2017-06-01-13.00.0000000</i></td>
             </tr>
      </table>
             <div>票据打印时间:2017-06-01 15:00:12</div> <br>
             <div><del>票据打印单位:江苏徐州业务中心</del> </div><br>
             <div>操作员:大曾</div>
    </body>
</html>

3.李白诗词

A图

B代码

<!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>
    <h1>将进酒 <small>君不见黄河之水天上来</small></h1>
    <table>
        <tr>
            <td>
                <img src="http://t15.baidu.com/it/u=3081529631,4032033417&fm=224&app=112&f=JPEG?w=374&h=500" alt="!!!图片走丢了!!!" width="280" height="360" title="李白的将进酒">
            </td>
            <td>
                <pre>
君不见,黄河之水天上来,奔流到海不复回。
                    
君不见,高堂明镜悲白发,朝如青丝暮成雪。	
                                    
人生得意须尽欢,莫使金樽空对月。		
                                
天生我材必有用,千金散尽还复来。	
                                    
烹羊宰牛且为乐,会须一饮三百杯。	
                                    
岑夫子,丹丘生,将进酒,杯莫停。	
                                    
与君歌一曲,请君为我倾耳听。		
                                
钟鼓馔玉不足贵,但愿长醉不愿醒。	
                                    
古来圣贤皆寂寞,惟有饮者留其名。
                                        
陈王昔时宴平乐,斗酒十千恣欢谑。	
                                    
主人何为言少钱,径须沽取对君酌。	
                                    
五花马,千金裘,
                    
呼儿将出换美酒,与尔同销万古愁。
                    
                </pre>
            </td>
        </tr>
    </table>
</body>

4.豆瓣电影

A图

B代码

<!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>
<h1>热门电影板块</h1>
<hr>
<p><b>最近热门电影</b>&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;&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;更多>></p>
<hr>
    <table>
        <tr>
            <td><a href="https://movie.douban.com/subject/1292528/"target="_blank">
                <img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p513567548.webp" width="210px" height="300px" alt="!!!图片走丢了!!!" title="点击猜火车跳转"></a></td>
            <td><img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2410846893.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
            <td><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2464030020.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
            <td><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2430385341.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
        </tr>
        <tr align ="center">
            <td>猜火车 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">8.1</span></td>
            <td>贝尔科实验 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">6.0</span></td>
            <td>加州公路巡警 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">6.8</span></td>
            <td>歌声不绝 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">6.3</span></td>
        </tr>
        <tr>
            <td><img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2390682054.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
            <td><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2444256500.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
            <td><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2545437039.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
            <td><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2445529009.webp" width="210px" height="300px" alt="!!!图片走丢了!!!"></td>
        </tr>
        <tr align ="center">
            <td>明日的我与昨日的你约会 <span style=" color:rgb(255, 0, 0)">7.7</span></td>
            <td>速度与激情8 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">7.0</span></td>
            <td>极线杀手 Polar &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">8.8</span></td>
            <td>金刚狼3:殊死一战 &nbsp;&nbsp;&nbsp;<span style=" color:rgb(255, 0, 0)">8.3</span></td>
        </tr>
    </table>
</body>
</html>

学习产出:

  • 技术笔记 1遍
  • 有错误请指出,作者会及时改正
相关推荐
我要洋人死40 分钟前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人1 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人1 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR1 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香1 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596931 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai1 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
Gavin_9151 小时前
【JavaScript】模块化开发
前端·javascript·vue.js
懒大王爱吃狼2 小时前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
逐·風6 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#