新手上路 小试牛刀

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

用户注册界面

<!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>
    <table align="center" cellspacing=1 cellpadding=5 height="300px" width="300px">
        <tr>
            <td colspan="2" bgcolor="#cbcbcb" style="text-align: center;">用户注册</td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">用户名</td>
            <td bgcolor="e5e5e5"><input type="text" name="UseName" size="15" maxlength="20"></td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">密码</td>
            <td bgcolor="e5e5e5"><input type="password" name="UserPass" size="15" maxlength="20"></td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">性别</td>
            <td bgcolor="e5e5e5">
                <input type="radio" checked name="sex">男
                <input type="radio" name="sex">女
            </td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">爱好</td>
            <td bgcolor="e5e5e5">
                <input type="checkbox" name="like" value="write">写作
                <input type="checkbox" name="like" value="music">听音乐
                <input type="checkbox" name="like" value="sports">体育
            </td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">省份</td>
            <td bgcolor="e5e5e5">
                    <select name="province">
                    <option value="shanxi">陕西省</option>
                    <option value="shanxi ">山西省</option>
                    </select>
                </td>
        </tr>
        <tr>
            <td bgcolor="e5e5e5" style="text-align: right;">自我介绍</td>
            <td bgcolor="e5e5e5">
                <textarea name="intro" cols="25" rows="5" placeholder="  "></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" bgcolor="#cbcbcb" style="text-align: center;">
                <input type="submit">&nbsp;<input type="reset">
            </td>
        </tr>
    </table>   
</body>
</html>

                                                               银行电子汇款单

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

                                                                李白诗词

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李白诗词</title>
    <style>
        .box{
            width:50%;
           float:right;
          font-size:25px;
          line-height: 60px;
          font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

        }
        .box1{
           
            font-size: 50px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            
        }
        .box2{
            font-size: 35px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

        }
        
    </style>
</head>
<body>
    <p>
        <font class="box1">将进酒·李白</font>
        <font class="box2">君不见黄河之水天上来</font>
    </p>
        <div class="box" style="float:right" >
        <br>
            君不见黄河之水天上来，奔流到海不复回。<br>
            君不见高堂明镜悲白发，朝如青丝暮成雪。<br>
            人生得意须尽欢，莫使金樽空对月。<br>
            天生我材必有用，千金散尽还复来。<br>
            烹羊宰牛且为乐，会须一饮三百杯。<br>
            岑夫子，丹丘生，将进酒，杯莫停。<br>
            与君歌一曲，请君为我倾耳听。<br>
            钟鼓馔玉不足贵，但愿长醉不复醒。<br>
            古来圣贤皆寂寞，惟有饮者留其名。<br>
            陈王昔时宴平乐，斗酒十千恣欢谑。<br>
            主人何为言少钱，径须沽取对君酌。<br>
            五花马、千金裘，<br>
            呼儿将出换美酒，与尔同销万古愁。<br>
        </div>
        <div class="box" style="float: left">
            <br>
            <img src="D:\李白.jpeg"></img>
        </div>
</body>
</html>

                                                                 电影板块

<!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>
    <h2>热门电影板块</h2>
    <hr>
    <div>
        <table width="1000px">
            <tr>
                <td><b>最近热门电影</b></td>
                <td>热门</td>
                <td>最新</td>
                <td>豆瓣高分</td>
                <td>冷门佳片</td>
                <td>华语</td>
                <td>欧美</td>
                <td>韩国</td>
                <td>日本</td>
                <td><a href="#" style="color: black; text-decoration: none;">更多>></a></td>
            </tr>
        </table>
    </div>
    <hr>
    <div>
        <table width="1000px">
            <tr>
                <td><img src="D:\照片资源\5a617aa07b11484bbf2ee78d37ed3a09.jpg" alt="?" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\OIP-C.jpg" alt="" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\011d3855685d790000012716399ff2.jpg@2o.jpg" alt="" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\01847c5955bcb9a8012193a3c67e12.jpg@1280w_1l_2o_100sh.jpg" alt="" width="250px" height="300px"></td>
            </tr>
            <tr>
                <td>千与千寻</td>
                <td>名侦探柯南</td>
                <td>金刚狼</td>
                <td>蜘蛛侠</td>
            </tr>
            <tr>
                <td><img src="D:\照片资源\01530c5aa62743a80121246de1ad22.jpg@2o.jpg" alt="" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\R-C (1).jpg" alt="" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\R-C.jpg" alt="" width="250px" height="300px"></td>
                <td><img src="D:\照片资源\01373359414009a8012193a39660e9.jpg@1280w_1l_2o_100sh.jpg" alt="" width="250px" height="300px"></td>
            </tr>
            <tr>
                <td>红海行动</td>
                <td>八佰</td>
                <td>肖申克的救赎</td>
                <td>变形金刚5</td>
            </tr>
        </table>
    </div>    
</body>
</html>

小小逍遥仙
关注
大屏上下滚动特效
05-22
插件描述：当前流行的大屏上下滚动，当前遇到效果最好的一个. 参考示例：http://www.jq22.com/jquery-info4598
新手小试牛刀：爬取天气网数据
12-21
新手小试牛刀：爬取天气网数据基本思路分析网页规律获取城市名称获取天气数据保存csv数据完整代码注意事项 基本思路 查看和分析天气网网页规律 获取城市名称（包括中文名和拼音） 按城市/年/月，获取历史天气数据 将...
我最爱的诗
u014313427的专栏
03-28 601
君不见黄河之水天上来，奔流到海不复回！ 君不见高堂明镜悲白发，朝如青丝暮成雪！ 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我侧耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌
【web前端】第一次作业
最新发布
2301_79850619的博客
07-07 249
web前端的第一次作业
前端学习第一次作业——by 小贾
qq_51082388的博客
05-08 354
今天做出来的效果耶耶耶，希望一直能有这种心境以及时间来这样学习。即使是菜，那又怎么样，做出来的菜好吃就行了呗 ，绿色健康，绿色营养，好符合bgcolor <!DOCTYPE html> <html> <head> <!--1给网页加一个标题。--> <meta charset="utf-8"> <title>《敲代码比算三重积分好玩》</title> </head> <body bg
文字向上屏幕滚动
weixin_34096182的博客
06-06 212
<title>文字滚动</title> <styletype="text/css"> #rollText{font:12px/20pxverdana;} </style><divid="rollAD"style="height:40px;position:relative;overflow:hidden;"&...
jquery小试牛刀
05-25
《jQuery小试牛刀》 在Web开发领域，jQuery是一个不可或缺的JavaScript库，它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨jQuery的核心概念和常见用法，帮助读者更好地理解和运用这...
Fedora新手上路系列教程
07-23
教程名称：Fedora新手上路系列教程课程目录：【】fedora 新手上路【】Fedora13下快速搭建LAMP系统环境【】Fedora14安装与软件配置完美方案【】Fedora14源更新及方法【】fedora下搭建ftp服务器【】Fedora中文版入门...
Verilog RTL代码新手上路教程.pdf
08-27
erilog RTL代码新手上路教程.pdf Verilog RTL代码新手上路教程.pdf (827.38 KB, 下载次数: 130 ) 2012-12-25 17:28 上传 点击文件名下载附件 【新手教程】Verilog RTL代码新手上路教程.pdf
自动挡汽车新手上路注意事项.pdf
10-25
自动挡汽车新手上路注意事项.pdf
ScrollText 大屏幕 滚动字幕
01-28
ScrollText 大屏幕 滚动字幕
文字循环滚动 LED屏效果
08-25
自己做的文字循环滚动，类似LED条屏效果，显示内容读取“通知.txt"里面的文字。
大屏滚动显示源码 C#
04-01
大屏显示系统，VS2005 SQLSERVER2008,实现大屏滚动显示，无闪烁,效果不错
winform 实现屏幕（字幕）上下滚动（来回滚动）
06-06
winform实现窗体界面 字幕上下来回滚动。可随意控制显示内容的大小，可随意控制窗体界面大小。代码简单易懂。这里是用的.NET 4.0版本，如果你只安装别这个更低的版本，只需要把代码用记事本打开，copy代码，就行了 同时需要更改invoke为beginInvoke就ok了。
Angular实战项目记录（二）------ 大屏文字滚动（css3实现）
m0_46684624的博客
01-08 416
大屏文字滚动 html代码 在要滚动的后面添加一个一模一样的展示部分 <body> <div class="list"> <div class="cc rowup"> <div class="item">1111</div> <div class="item">222</div> <div class="item">3
数字滚动特效-大屏
qq_36523196的博客
04-28 1048
大屏数字滚动特效，进行单个数字的滚动特效实现。
文字滚动
Zartillery的博客
12-22 221
页面代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link href="css/global.css" rel=&quo
<marquee>滚动文字</marquee>
mzfly的博客
11-25 228
&lt;marquee&gt;滚动文字&lt;/marquee&gt; &lt;marquee&gt;滚动文字&lt;/marquee&gt; 水平滚动： &lt;marquee direction="left" align="bottom" height="25" width="100%" onmouse
ecs云服务器新手上路
04-28
作为一个 ECS 云服务器的新手，我们可以先从以下几方面入手： 1. 注册/登录阿里云账号：首先，我们需要在阿里云官网注册/登录账号，这是我们使用 ECS 云服务器所必需的。在注册后，我们可以在控制台上购买和管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值