• web前端练习一

    1.电子汇款单

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>电子汇款单title>
    6. head>
    7. <body>
    8.     <h2>工商银行电子汇款单h2>
    9.     <table border="1px">
    10.         <tr>
    11.             <th colspan="2">回单类型th>
    12.             
    13.             <td width="280">网上转账汇款td>
    14.             <th colspan="2">指令序号th>
    15.             
    16.             <td width="280">HQH000000000000013878172       td>
    17.         tr>
    18.         <tr>
    19.             <th rowspan="4">收 <br>款 <br>人 th>
    20.             <td>户名td>
    21.             <td>老牟td>
    22.             <th rowspan="4">付 <br>款 <br>人 th>
    23.             <td>户名td>
    24.             <td>老刘td>
    25.         tr>
    26.         <tr>
    27.             
    28.             <th>卡号th>
    29.             <td>0000000001td>
    30.             
    31.             <th>卡号th>
    32.             <td>0000000002td>
    33.         tr>
    34.         <tr>
    35.             
    36.             <td>地区td>
    37.             <td>南京td>
    38.             
    39.             <td>地区td>
    40.             <td>杭州td>
    41.         tr>
    42.         <tr>
    43.             
    44.             <th>网点th>
    45.             <td>工商江苏南京业务处理中心      td>
    46.             
    47.             <th>网点th>
    48.             <td>江苏徐州业务中心td>
    49.         tr>
    50.         <tr>
    51.             <th colspan="2">币种th>
    52.             
    53.             <td>人民币td>
    54.             <th colspan="2">钞汇标志th>
    55.             
    56.             <td><u>钞票u>td>
    57.         tr>
    58.         <tr>
    59.             <th colspan="2">金额th>
    60.             
    61.             <td>1.00元td>
    62.             <th colspan="2">手续费th>
    63.             
    64.             <td>0.57元td>
    65.         tr>
    66.         <tr>
    67.             <th colspan="2">合计th>
    68.             
    69.             <td colspan="4">人民币（大写）：壹园整td>
    70.             
    71.             
    72.             
    73.         tr>
    74.         <tr>
    75.             <th colspan="2">交易时间th>
    76.             
    77.             <td><i>2017年6月1日i>td>
    78.             <th colspan="2">时间戳th>
    79.             
    80.             <td><i>2017-06-01-13.00.00. 00000i>td>
    81.         tr>
    82.     table>
    83.      <br>
    84.     <h7>票据打印时间：2017-06-01 15:00:12h7><br>
    85.      <br>
    86.     <s><h7>票据打印单位：江苏徐州业务中心h7>s><br>
    87.      <br>
    88.     <h7>操作员：大曾h7>
    89.     table>
    90. body>
    91. html>

    2.将进酒

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>将进酒title>
    6. head>
    7. <body>
    8.     <b><span style="font-size: 40px;">将进酒span>b>
    9.     <b><span style="font-size: 33px;">君不见黄河之水天上来span>b><br>
    10.     <a href="https://baike.baidu.com/item/%E6%9D%8E%E7%99%BD/1043?fr=ge_ala" title="点击了解李白更多">
    11.         <img src="https://p26.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/9ac61cb655c84cf29e7a97c871804fc1?from=pc" 
    12.         width="500" height="560" align="left">a>
    13.      <br>
    14.      <br>
    15.     <div> 君不见黄河之水天上来，奔流到海不复回。div> <br>
    16.     <div> 君不见高堂明镜悲白发，朝如青丝暮成雪。div> <br>
    17.     <div> 人生得意须尽欢，莫使金樽空对月。div> <br>
    18.     <div> 天生我材必有用，千金散尽还复来。div> <br>
    19.     <div> 烹羊宰牛且为乐，会须一饮三百杯。div> <br>
    20.     <div> 岑夫子，丹丘生，将进酒，杯莫停。div> <br>
    21.     <div> 与君歌一曲，请君为我倾耳听。div> <br>
    22.     <div> 钟鼓馔玉不足贵，但愿长醉不复醒。div> <br>
    23.     <div> 古来圣贤皆寂寞，惟有饮留其名。div> <br>
    24.     <div> 陈王昔时宴平乐，斗酒十千恣欢谑。div> <br>
    25.     <div> 主人何为言少钱，仅须沽取对君酌。div> <br>
    26.     <div> 五花马，千金裘，div> <br>
    27.     <div> 呼儿将出换美酒，五二同销万古愁。div> <br>
    28. body>
    29. html>

    3.电影模块

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>电影板块title>
    6. head>
    7. <body>
    8.     <h2>热门电影模块h2><hr>
    9.     <table>
    10.         <tr>
    11.             <td width="200"><b>最近热门电影b>td>
    12.             <td width="90">热门td>
    13.             <td width="90">最新td>
    14.             <td width="120">豆瓣高分td>
    15.             <td width="150">冷门佳作td>
    16.             <td width="90">华语td>
    17.             <td width="90">欧美td>
    18.             <td width="90">欧美td>
    19.             <td width="90">韩国td>
    20.             <td width="300">日本td>
    21.             <td width="90">更多<<td>
    22.         tr>
    23.     table><hr>
    24.     <table width="1250">
    25.         <tr>
    26.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    27.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    28.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    29.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    30.         tr>
    31.         <tr>
    32.             <td height="45">猜火车 8.1td>
    33.             <td>贝尔实验 6.0td>
    34.             <td>加州公路巡警 6.8td>
    35.             <td>歌声不绝 6.3td>
    36.         tr>
    37.         <tr>
    38.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    39.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    40.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    41.             <td width="302"><img src="../04.图片音频视频标签/image/古风.jpg" width="306" height="200">td>
    42.         tr>
    43.         <tr>
    44.             <td height="45">明日的我与昨日的你 7.5td>
    45.             <td>激情与速度8 8.1td>
    46.             <td>极速特工 6.4td>
    47.             <td>金刚狼3：殊死一战 7.6td>
    48.         tr>
    49.     table>
    50. body>
    51. html>

    4.用户注册页面

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>用户注册页面title>
    6. head>
    7. <body>   
    8.     <form action="https:www.baidu.com" method="post">
    9.         <table align="center">
    10.             <tr>
    11.                 <td colspan="2" align="center"><h3>用户注册h3>td>
    12.                 
    13.             tr>
    14.             <tr>
    15.                 <td>用户名：td>
    16.                 <td><p><input type="text" name="username">p>td>
    17.             tr>
    18.             <tr>
    19.                 <td>密码：td>
    20.                 <td><p><input type="password" name="password">p>td>
    21.             tr>
    22.             <tr>
    23.                 <td>性别：td>
    24.                 <td>
    25.                     <p>
    26.                         <input type="radio" name="gender" value="男">男    
    27.                         <input type="radio" name="gender" value="女">女             
    28.                     p>
    29.                 td>
    30.             tr>
    31.             <tr>
    32.                 <td>省份：td>
    33.                 <td>
    34.                     <select name="provice">
    35.                         <option value="provice1" selected="">广东省option>
    36.                         <option value="provice2">陕西省option>
    37.                         <option value="provice3">湖北省option>
    38.                         <option value="provice4">江西省option>
    39.                         <option value="provice5">辽宁省option>
    40.                         <option value="provice6">四川省option>
    41.                         <option value="provice7">山东省option>
    42.                         <option value="provice8">吉林省option>
    43.                         <option value="provice9">......option>
    44.     
    45.                     select>
    46.                 td>
    47.             tr>
    48.             <tr>
    49.                 <td>爱好：td>
    50.                 <td>
    51.                     <p>
    52.                         <input type="checkbox" name="hobby" value="唱">唱
    53.                         <input type="checkbox" name="hobby" value="跳">跳
    54.                         <input type="checkbox" name="hobby" value="rap">rap
    55.                         <input type="checkbox" name="hobby" value="篮球">篮球
    56.                         <input type="checkbox" name="hobby" value="其他">其他
    57.                     p>
    58.                 td>
    59.             tr>
    60.             <tr>
    61.                 <td>邮箱：td>
    62.                 <td><p><input type="email" name="email" id="">p>td>
    63.             tr>
    64.             <tr>
    65.                 <td>联系电话：td>
    66.                 <td><p><input type="text" name="phone" id="">p>td>
    67.             tr>
    68.                 <td>入职时间：td>
    69.                 <td>
    70.                     <p>
    71.                         <input type="date" name="date">
    72.                     p>
    73.                 td>
    74.             tr>
    75.             <tr>
    76.                 <td>离职时间：td>
    77.                 <td>
    78.                     <p>
    79.                         <input type="date" name="date">
    80.                     p>
    81.                 td>
    82.             tr>
    83.             <tr>
    84.                 <td>自我介绍：td>
    85.                 <td><textarea name="introduce" cols="30" rows="5">请输入100字左右textarea>td>
    86.             tr>
    87.             <tr>
    88.                 <td colspan="2" align="center">
    89.                     <p>
    90.                         <input type="reset">
    91.                         <input type="submit" value="提交">
    92.                     p>
    93.                 td>
    94.                 
    95.             tr>
    96.         table>
    97.     form>
    98. body>
    99. html>
  • 相关阅读:
    【ASP.NET Core】MVC模型绑定——实现同一个API方法兼容JSON和Form-data输入
    Java Basic Knowledge—— newCoder —— Java专项练习 —— Day05
    【无公网IP内网穿透】异地远程访问本地SQL Server数据库
    基于时延估计的扰动卡尔曼滤波器外力估计
    后勤事务繁杂低效？三步骤解决企业行政管理难题
    强化学习——PyTorch 实现 Advantage Actor-Critic (A2C)
    Java 集合框架：LinkedList 的介绍、使用、原理与源码解析
    Java 8 新特性 （#Lambda表达式 #函数式(Functional)接口 #方法引用与构造器引用 #Stream API #Optional类）
    03_openstack之项目及用户管理
    如何用 CMake 生成 C++ 库（支持 find_package 机制）
  • 原文地址：https://blog.csdn.net/ANCHG_/article/details/136658970