web第一次作业

题1:

<form action="#" method="post"><table><tr><td>用户名:</td><td><input type="text" name="UserName" maxlength="20" size="15"></td></tr><tr><td>密码:</td><td><input type="password" name="UserPass" maxlength="20" size="15"></td></tr><tr><td>性别:</td><td><input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女</td></tr><tr><td>爱好:</td><td><input type="checkbox" name="like" value="写作">写作<input type="checkbox" name="like" value="听音乐">听音乐<input type="checkbox" name="like" value="体育">体育</td></tr><tr><td>省份:</td><td><select name="province"><option value="shaanxi" selected>陕西省</option><option value="shanx">山西省</option></select></td></tr><tr><td>自我介绍:</td><td><textarea name="intro" rows="5" cols="25">这个家伙什么也没留下</textarea></td></tr><tr><td></td><td><input type="submit" name="send" value="提交"><input type="reset" name="reset" value="重置"></td></tr></table>
</form>

运行结果:

题目2:

<!DOCTYPE html>
<html>
<head><title>将进酒</title><style>h1 {font-weight: bold;}h5 {font-family: Arial, sans-serif;line-height: 2.8; /* 调整行高 */}img {float: left;margin-right: 10px;vertical-align: top;}.poem-container {display: inline-block;}</style>
</head>
<body><h1>将进酒</h1><img src="li_bai.png" alt="李白的图片"><h5>君不见,黄河之水天上来,奔流到海不复回。<br>君不见,高堂明镜悲白发,朝如青丝暮成雪。<br>人生得意须尽欢,莫使金樽空对月。<br>天生我材必有用,千金散尽还复来。<br>烹羊宰牛且为乐,会须一饮三百杯。<br>岑夫子,丹丘生,将进酒,杯莫停。<br>与君歌一曲,请君为我倾耳听。<br>钟鼓馔玉不足贵,但愿长醉不复醒。<br>古来圣贤皆寂寞,惟有饮者留其名。<br>陈王昔时宴平乐,斗酒十千恣欢谑。<br>主人何为言少钱,径须沽取对君酌。<br>五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。<br></h5>
</body>
</html>

运行结果:

题目3:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>工商银行电子汇款单</title><style>table {border-collapse: collapse;margin: 20px;}caption {font-size: 24px;font-weight: bold;margin-bottom: 10px;}th, td {padding: 10px;text-align: left;}th {background-color: #f2f2f2;}tfoot td:nth-child(odd) {background-color: #f2f2f2;}tfoot td:nth-child(even) {text-align: right;font-weight: bold;}tfoot tr:first-child td {font-weight: bold;}</style>
</head>
<body><table width="1000" border="1" cellspacing="0"><caption><h1>工商银行电子汇款单</h1></caption><thead><tr><th colspan="2">回单类型</th><th>网上转账汇款</th><th colspan="2">指令序号</th><th>HQH0000000000000013878172</th></tr></thead><tbody><tr><td rowspan="4">收款人</td><th>户名</th><td>老牟</td><td rowspan="4">付款人</td><th>户名</th><td>老刘</td></tr><tr><th>卡号</th><td>000000000001</td><th>卡号</th><td>000000000002</td></tr><tr><th>地区</th><td>南京</td><th>地区</th><td>杭州</td></tr><tr><th>网点</th><td>工商江苏南京业务处理中心</td><th>网点</th><td>江苏徐州业务中心</td></tr><th colspan="2">币种</th><td>人民币</td><th colspan="2">秒汇标志</th><td>钞票</td></tr><tr><th colspan="2">金额</th><td >1000000.00元</td><th colspan="2">手续费</th><td >100</td></tr><tr><th colspan="2">合计</th><td colspan="4">人民币(大写) : 壹佰万元整</td></tr><tr><th colspan="2">时间</th><td>2017年6月1日</td><th colspan="2">时间戳</th><td>江苏徐州业务中心</td></tr></tbody></table><p>票据打印时间: 2017-06-01 15:00:12</p>
<p><del>票据打印单位: 江苏徐州业务中心</del></p>
<p>操作员:大曾</p></body>
</html>

运行结果:

题目4:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>热门电影板块</title><style>.movies-container {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}.movie {width: 200px;margin: 10px;text-align: center;}.movie img {width: 100%;height: auto;}.movie-name {margin-top: 5px;}hr {margin-top: 20px;margin-bottom: 20px;border: none;height: 1px;background-color: black;
}
p:nth-of-type(2n) {margin-top: 30px;
}</style>
</head><h1>热门电影板块</h1><hr>
<p>
<span class="underline">最近电影</span><span class="underline">热门</span><span class="underline">最新</span><span class="underline">豆瓣高分</span><span class="underline">冷门佳片</span><span class="underline">华语</span><span class="underline">欧美</span><span class="underline">韩国</span><span class="underline">日本</span><span class="underline">更多>></span></p><hr><div class="movies-container"><div class="movie"><img src="movie1.png" alt="电影1"><div class="movie-name">猜火车 8.1</div></div><div class="movie"><img src="movie2.png" alt="电影2"><div class="movie-name">贝尔科的实验 6.0</div></div><div class="movie"><img src="movie3.png" alt="电影3"><div class="movie-name">加州公路巡警 6.8</div></div><div class="movie"><img src="movie4.png" alt="电影4"><div class="movie-name">歌声不绝 6.3</div></div><div class="movie"><img src="movie5.png" alt="电影5"><div class="movie-name">明日的我与昨日的我</div></div><div class="movie"><img src="movie6.png" alt="电影6"><div class="movie-name">速度与激情8</div></div><div class="movie"><img src="movie7.png" alt="电影7"><div class="movie-name">极速特工</div></div><div class="movie"><img src="movie8.png" alt="电影8"><div class="movie-name">金刚狼3:殊死一搏</div></div></div>
</body>
</html>

运行结果:

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

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

相关文章

Javascript——vue下载blob文档流

<el-table-column label"操作" fixed"right" width"150" showOverflowTooltip><template slot-scope"scope"><el-button type"text" v-has"stbsd-gjcx-down" class"edit-button" click&…

MySQL 从零开始:02 MySQL 安装

文章目录 1、下载 MySQL 安装程序2、安装 MySQL 要操作 MySQL &#xff0c;首先要安装 MySQL &#xff0c;本文将一步步展示如何安装 MySQL&#xff0c;简直详细到令人发指。 环境&#xff1a; 操作系统&#xff1a;Windows10 64位MySQL版本&#xff1a;社区版 8.0.11.0 1、下…

探索AI技术的奥秘:揭秘人工智能的核心原理

人工智能&#xff08;AI&#xff09;已经成为当今科技领域最引人注目的话题之一。然而&#xff0c;对于许多人来说&#xff0c;AI仍然是一个神秘的领域&#xff0c;不清楚其核心原理。本文将探索AI技术的奥秘&#xff0c;为读者揭开人工智能的核心原理。 随着技术的飞速发展&am…

Asynchronous FIFO and synchronous FIFO-翻译自外网

Synchronous FIFO 先进先出 (FIFO) 是一种非常流行且有用的设计块&#xff0c;用于模块之间的同步和握手机制。 FIFO 的深度&#xff1a; FIFO 中的槽数或行数称为 FIFO 的深度。 FIFO 的宽度&#xff1a;每个槽或行中可以存储的位数称为 FIFO 的宽度。 在同步 FIFO 中&…

6.2 声音编辑工具GoldWave5简介(1)

不管你的MP3歌曲的简单剪接或者音频格式的转换,还是更加高级的后期加工 GoldWave5都可以令你轻松胜,甚至你自己录一首卡拉OK,也可以经过GoldWave5的修饰成为像歌星一样水晶般的动人声音!除了附有许多的效果处理功能外&#xff0c;它还能将编辑好的文件存成WAV、AU、SND、RAW、A…

vue 公众号开发,调用jssdk封装

vue 公众号开发&#xff0c;经常会使用到 转发朋友&#xff0c;朋友圈&#xff0c;调用扫一扫等功能&#xff0c;这时就要使用微信的 jssdk 微信jssdk传送门 1. 安装jssdk 插件 (jweixin-module) npm install jweixin-module --save 2. 封装方法 utils/jwx.js let jweixin…

sqlilabs第四十九五十关

Less-49(GET - Error based - String Bind - ORDER BY CLAUSE) 手工注入 无回显(还是单引号闭合)&#xff0c;只能使用延时注入 自动脚本 和上一关一样 Less-50(GET - Error based - ORDER BY CLAUSE -numeric- Stacked injection) 手工注入 这里需要使用堆叠注入的思路 自…

Qt优秀开源项目之二十:RedPanda-CPP(小熊猫C++)

小熊猫C是跨平台、轻量易用的开源C/C集成开发环境。 官网&#xff1a;http://royqh.net/redpandacpp github&#xff1a;https://github.com/royqh1979/RedPanda-CPP 小熊猫C&#xff08;原名小熊猫Dev-C 7)是基于Qt开发的Dev-C替代版本。和经典的Dev-C 5.11、新的Embarcadero …

(超详细)4-YOLOV5改进-添加ShuffleAttention注意力机制

1、在yolov5/models下面新建一个SE.py文件&#xff0c;在里面放入下面的代码 代码如下&#xff1a; import numpy as np import torch from torch import nn from torch.nn import init from torch.nn.parameter import Parameterclass ShuffleAttention(nn.Module):def __…

长尾分布定义,举个物种长尾分布和词频长尾分布的例子。

问题描述&#xff1a;长尾分布定义&#xff0c;举个物种长尾分布和词频长尾分布的例子。 问题解答&#xff1a; 长尾分布是一种概率分布的类型&#xff0c;它描述的是一种极端事件或者稀有事件的发生概率。具体来说&#xff0c;长尾分布描述的是少量的类别占据了大部分的样本…

SpringIOC之support模块GenericXmlApplicationContext

博主介绍&#xff1a;✌全网粉丝5W&#xff0c;全栈开发工程师&#xff0c;从事多年软件开发&#xff0c;在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战&#xff0c;博主也曾写过优秀论文&#xff0c;查重率极低&#xff0c;在这方面有丰富的经验…

STM32(HAL库) CubeMX+Keil5 建立工程

STM32&#xff08;HAL库&#xff09; CubeMXKeil5 建立工程 目标选择 菜单栏 File 新建工程打开工程退出软件 Window 输出窗口的开启软件字体设置 Help 软件帮助文档检查软件更新管理MCU 已存在工程&#xff08;Existing Projects&#xff09; 最近打开过的工程(Recent Open…

2024年值得关注的10种自动化测试趋势

超级自动化测试这是利用人工智能&#xff08;AI&#xff09;和机器学习&#xff08;ML&#xff09;来自动化测试任务。超级自动化测试可以帮助减少手动测试的需求&#xff0c;提高测试的效率&#xff0c;并在开发生命周期的早期发现缺陷。 TestOps集成TestOps是将DevOps实践扩…

PyPDF2 3.0.0更新,一些函数被弃用,需要重新写

1.PdfFileWriter is deprecated and was removed in PyPDF2 3.0.0. Use PdfWriter instead. 这错误表明你正在使用的 PyPDF2 版本中已经移除了 PdfFileWriter&#xff0c;并在版本 3.0.0 中被替代为 PdfWriter。这是因为在 PyPDF2 的更新中&#xff0c;一些 API 被重新组织和更…

中霖教育:专业不对口,能考会计师吗?

学的不是会计专业&#xff0c;专业不对口&#xff0c;能不能考会计师? 从学历要求来看&#xff0c;考会计师并无硬性规定必须具备哪个专业的学历。所以只要符合报考条件&#xff0c;非会计专业的人也可以报考会计师。 除了基本条件外&#xff0c;报名参加中级会计考试的人员…

Redis系列-15.Redis的IO多路复用原理解析

&#x1f44f;作者简介&#xff1a;大家好&#xff0c;我是爱吃芝士的土豆倪&#xff0c;24届校招生Java选手&#xff0c;很高兴认识大家&#x1f4d5;系列专栏&#xff1a;Spring源码、JUC源码、Kafka原理、分布式技术原理、数据库技术&#x1f525;如果感觉博主的文章还不错的…

[DM8] 达梦8配置兼容Oracle

查看版本信息 select *&#xff0c;id_code from v$version; 查询解释&#xff1a; DM Database Server 64 V8 1-1-190-21.03.12-136419-ENT 64 版本位数标识&#xff0c;64表示为64位版本&#xff0c;无64则表示为32位版本 V8 大版本号&#xff0c;目前主要是V7、V8 1-1-190…

智慧医院之定位导航解决方案

移动端LBS应用 通过绘制院方各楼栋各层平面图,利用无线/蓝牙技术可对终端进行实时定位,方便病人、家属等就医,提高就医体验,减少工作人员工作量,减少医患冲突,打造智慧医院。 移动端的LBS位置应用,可分为医院的室内地图展现、室内地图搜索、室内导航、室内定位、室内位…

【JaveWeb教程】(18) MySQL数据库开发之 MySQL数据库设计-DDL 如何查询、创建、使用、删除数据库数据表 详细代码示例讲解

目录 2. 数据库设计-DDL2.1 项目开发流程2.2 数据库操作2.2.1 查询数据库2.2.2 创建数据库2.2.3 使用数据库2.2.4 删除数据库 2.3 图形化工具2.3.1 介绍2.3.2 安装2.3.3 使用2.2.3.1 连接数据库2.2.3.2 操作数据库 2.3 表操作2.3.1 创建2.3.1.1 语法2.3.1.2 约束2.3.1.3 数据类…

Qt QComboBox组合框控件

文章目录 1 属性和方法1.1 文本1.2 图标1.3 插入和删除1.4 信号和槽 2 实例2.1 布局2.2 代码实现 Qt中的组合框是集按钮和下拉列表体的控件&#xff0c;&#xff0c;它占用的屏幕空间很小&#xff0c;对应的类是QComboBox 1 属性和方法 QComboBox有很多属性&#xff0c;完整的…