html的作业

news2025/2/23 18:11:22

目录

作业题目

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遍
  • 有错误请指出,作者会及时改正

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1902377.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

rider使用libman

问题 rider没有libman的相关功能&#xff0c;需要使用cli 安装Libman dotnet tool install -g Microsoft.Web.LibraryManager.Cli # 如果存在可以尝试更新 dotnet tool update -g Microsoft.Web.LibraryManager.Cli查看命令 libman --help初始化 cdnjs官网 libman init安…

记录excel表生成一列按七天一个周期的方法

使用excel生成每七天一个周期的列。如下图所示&#xff1a; 针对第一列的生成办法&#xff0c;使用如下函数&#xff1a; TEXT(DATE(2024,1,1)(ROW()-2)*7,"yyyy/m/d")&" - "&TEXT(DATE(2024,1,1)(ROW()-1)*7-1,"yyyy/m/d") 特此记录。…

【PWN · ret2shellcode | sandbox-bypass | 格式化字符串】[2024CISCN · 华东北赛区]pwn1_

一道栈ret2shellcodesandbox&#xff08;seccomp&#xff09;格式化字符串的题目 前言 ret2shellcode&#xff0c;已经不是简单的放到栈上、ret这样一个简单的过程。套一层seccomp的沙箱&#xff0c;打ORW又遇到open受限等等&#xff0c;考虑的蛮多。过程中收获最多的可以说是…

Codeforces Round 903 (Div. 3)A~F

A.Dont Try to Count 输入样例&#xff1a; 12 1 5 a aaaaa 5 5 eforc force 2 5 ab ababa 3 5 aba ababa 4 3 babb bbb 5 1 aaaaa a 4 2 aabb ba 2 8 bk kbkbkbkb 12 2 fjdgmujlcont tf 2 2 aa aa 3 5 abb babba 1 19 m mmmmmmmmmmmmmmmmmmm输出样例&#xff1a; 3 1 2 -1 1 0…

密码学及其应用 —— 密码学的经典问题

1. 古典密码学问题 1.1 问题1&#xff1a;破解凯撒密码 1.1.1 问题 凯撒密码是最简单的单字母替换加密方案。这是一种通过将字母表中的字母固定向右移动几位来实现的加密方法。解密下面的文本&#xff0c;该文本通过对一个去除了空格的法语文本应用凯撒密码获得&#xff1a; …

IDEA越用越卡?教你轻松解决IDEA内存占用过高问题

大家好&#xff0c;我是瑶山&#xff0c;最近IDEA越用越卡了&#xff0c;刚刚内存卡爆&#xff0c;带着整个电脑也卡的飞起&#xff0c;只能重启了电脑。 虽然重启后又恢复到了流畅&#xff0c;但是问题还是如鲠在喉&#xff0c;痛定思痛&#xff0c;还是决定处理下&#xff01…

Debezium报错处理系列之第110篇: ERROR Error during binlog processing.Access denied

Debezium报错处理系列之第110篇:ERROR Error during binlog processing. Last offset stored = null, binlog reader near position = /4 Access denied; you need at least one of the REPLICATION SLAVE privilege for this operation 一、完整报错二、错误原因三、解决方法…

JVM原理(十七):JVM虚拟机即时编译器详解

编译器无论在何时、在何种状态下把Class文件转换成与本地基础设施相关的二进制机器码&#xff0c;他都可以视为整个编译过程的后端。 后端编译器编译性能的好坏、代码优化质量的高低却是衡量一款商用虛拟机优秀与否的关键指标之一。 1. 即时编译器 即时编译器是一个把Java的…

Linux安装达梦

文章目录 前言一、docker安装1.下载镜像2.导入镜像3.生成容器 二、ios安装1.环境准备2.iso安装3.配置实例4.注册服务5.启停服务 总结 前言 公司要求我将数据从oracle迁移到达梦数据库&#xff0c;这个国产数据库以前没用过&#xff0c;所以记录一下这次的安装过程。 一、docke…

基于PHP技术的在线校园美食攻略程序设计与实现

基于PHP技术的在线校园美食攻略程序设计与实现 摘 要 网络技术正在以空前持续的速度在改变着我们的生活。利用互联网技术&#xff0c;人们对网上食物共享越来越关注。基于此&#xff0c;本文利用 PHP技术&#xff0c;对网上大学饮食指南应用软件进行了研究。 整个系统的设计&a…

硕士文凭再耀眼,也没有第一学历刺眼?

在当今社会,教育被视为个人发展和社会进步的重要基石。随着高等教育的普及和竞争的加剧,学历成为了衡量个人能力、决定职业前景的重要标尺。然而,在这一过程中,“第一学历”的概念逐渐凸显,其影响力甚至在某些情况下超越了后续的硕士、博士等更高学历。这一现象引发了广泛…

14-31 剑和诗人5 - 使用 AirLLM 和分层推理在单个 4GB GPU 上运行 LLama 3 70B

利用分层推理实现大模型语言(LLM) 大型语言模型 (LLM) 领域最近取得了显著进展&#xff0c;LLaMa 3 70B 等模型突破了之前认为可能实现的极限。然而&#xff0c;这些模型的庞大规模给其部署和实际使用带来了巨大挑战&#xff0c;尤其是在资源受限的设备上&#xff0c;例如内存…

大模型的实践应用25-LLama3模型模型的架构原理,以及手把手教你搭建LLama3模型

大家好,我是微学AI,今天给大家介绍一下大模型的实践应用25-LLama3模型模型的架构原理,以及手把手教你搭建LLama3模型。LLaMA 3 是Meta公司开发的最新一代大规模语言模型,其架构在很大程度上继承了LLaMA 2的设计,但对某些关键组件进行了改进和优化。 文章目录 一、LLama3模…

设计模式之单例模式(Java)

单例模式实现方式&#xff1a;懒汉式、饿汉式、双重检查、枚举、静态内部类&#xff1b; 懒汉式&#xff1a; /*** 懒汉式单例模式* author: 小手WA凉* create: 2024-07-06*/ public class LazySingleton implements Serializable {private static LazySingleton lazySinglet…

新手学Cocos报错 [Assets] Failed to open

两个都在偏好设置里面调&#xff08;文件下面的偏好设置&#xff09;&#xff1a; 1.设置中文&#xff1f; 2.报错 [Assets] Failed to open&#xff1f; 这样在点击打开ts文件的时候就不会报错&#xff0c;并且用vscode编辑器打开了&#xff0c; 同样也可以改成你们自己喜欢…

2、图形验证码

1、图形验证码设计 1.1思路 现今&#xff0c;市面上的图形验证码付费的&#xff0c;免费的多种多样&#xff0c;主要形式有滑动拼图、文字点选、语序点选、字体识别、空间推理、智能随机等。 而处理也分为web端和sever端两部分 此处以免费的kaptcha 为例&#xff0c;进行数字图…

分支与循环(二)

目录 1.switch语句 1)switch语法形式 2&#xff09;if语句和switch语句的对比 3) switch语句中的break 4) switch语句中的default 5) switch语句中的case和default的顺序问题 2.while循环 1) if 和 while的对比 2) while语句的执行流程​编辑 3&#xff09;while循环的…

linux 基础命令、gcc的基础用法

1、ls——>列出目录下的内容 语法&#xff1a;ls [-a -l -h] [Linux路径] &#xff08;1&#xff09;-a -l -h 是可选的选项 &#xff08;2&#xff09;Linux路径是此命令的可选参数 ①当不使用选项和参数&#xff0c;直接使用 ls 命令本体&#xff0c;表示&#xff1a;…

图论·Day01

P3371 P4779 P3371 【模板】单源最短路径&#xff08;弱化版&#xff09; 注意的点&#xff1a; 边有重复&#xff0c;选择最小边&#xff01;对于SPFA算法容易出现重大BUG&#xff0c;没有负权值的边时不要使用&#xff01;&#xff01;&#xff01; 70分代码 朴素板dijsk…

【Web】

1、配仓库 [rootlocalhost yum.repos.d]# vi rpm.repo ##本地仓库标准写法 [baseos] namemiaoshubaseos baseurl/mnt/BaseOS gpgcheck0 [appstream] namemiaoshuappstream baseurlfile:///mnt/AppStream gpgcheck0 2、挂载 [rootlocalhost ~]mount /dev/sr0 /mnt mount: /m…