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.hqwc.cn/news/339022.html

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

相关文章

OceanBase原生分布式数据库

1.历史背景 在Java Web项目中&#xff0c;常常使用免费开源的MySQL数据库存储业务数据&#xff0c;按业界经验MySQL单库超过多大数据体量&#xff0c;或单表超过几百万条数据后就会出现查询变慢的情况&#xff0c;单实例数据库只能扩展物理资源(CPU、内存)&#xff0c;来提升查…

【读书笔记】《白帽子讲web安全》浏览器安全

目录 第二篇 客户端脚本安全 第2章 浏览器安全 2.1同源策略 2.2浏览器沙箱 2.3恶意网址拦截 2.4高速发展的浏览器安全 第二篇 客户端脚本安全 第2章 浏览器安全 近年来随着互联网的发展&#xff0c;人们发现浏览器才是互联网最大的入口&#xff0c;绝大多数用户使用互联…

【Linux】应用与驱动交互及应用间数据交换

一、应用程序与 Linux 驱动交互主要通过以下几种方式&#xff1a; 1. 系统调用接口&#xff08;System Calls&#xff09;: 应用程序可以通过系统调用&#xff0c;如 open(), read(), write(), ioctl(), 等来与设备驱动进行交互。这些调用最终会通过内核转发到相应的驱动函数…

23种设计模式精讲,配套23道编程题目 ,支持 C++、Java、Python、Go

关于设计模式的学习&#xff0c;大家应该还是看书或者看博客&#xff0c;但却没有一个边学边练的学习环境。 学完了一种设计模式 是不是应该去练一练&#xff1f; 所以卡码网 针对 23种设计&#xff0c;推出了 23道编程题目&#xff0c;来帮助大家练习设计模式&#xff0c;地…

HDFS相关API操作

文章目录 API文档环境配置API操作准备工作创建文件夹文件上传文件下载文件删除文件的更名和移动获取文件详细信息 API文档 HDFS API官方文档&#xff1a;https://hadoop.apache.org/docs/r3.3.1/api/index.html 环境配置 将Hadoop的Jar包解压到非中文路径&#xff08;例如D:…

打包时,自动更新版本号,清空缓存

1.创建 addVersion.js 文件 let fs require(fs);function getPackageJson(){return JSON.parse(fs.readFileSync(./package.json)); } try{let packageJson getPackageJson();//把分割的数组项转成数字&#xff0c;不然拼接就是字符串拼接let arr packageJson.version.spl…

reactNative0.71版本的使用

开发环境配置 参考reactNative 官网 版本选中0.71 打包配置 1. IOS 打开项目 -> 进入ios目录->执行命令 pod install ->项目名称.xcworkspace -> 使用xcode打开->配置证书 证书配置截图如下 &#x1f4a1;tips&#xff1a;TARGETS目录下会有多个文件&#x…

试试这个开源神器 55K star! 开箱即用

还记得以前工作上遇到困难&#xff0c;会申请开发大神远程帮忙&#xff0c;那时候用的都是TeamViewer&#xff0c;但是随着TeamViewer的收费&#xff0c;这些都已成为过往。 今天我们推荐的开源项目就是让你可以轻松平替TeamViewer&#xff0c;一款远程桌面神器&#xff0c;本…

创新工具:2024年开发者必备的一款表格控件

前言 在现代工作环境中&#xff0c;信息的处理和管理是至关重要的。表格是一种常见的数据呈现和整理工具&#xff0c;被广泛应用于各行各业。然而&#xff0c;随着技术的不断发展&#xff0c;市场对表格控件的需求也越来越高。随着工作效率的重要性日益凸显&#xff0c;一款高…

1.10 Unity中的数据存储 JSON

一、介绍 Json是最常用也是目前用的比较多的一种&#xff0c;超轻量级&#xff0c;可便捷性使用&#xff0c;平时用到比较多的都是解析Json和往Json中添加数据、修改数据等等JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式&#xff0c;它基于ECMAScr…

P1328 [NOIP2014 提高组] 生活大爆炸版石头剪刀布————C++

目录 [NOIP2014 提高组] 生活大爆炸版石头剪刀布题目背景题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 样例 #2样例输入 #2样例输出 #2 提示 解题思路Code调用函数的Code&#xff08;看起来简洁一点&#xff09;运行结果 [NOIP2014 提高组] 生活大爆炸版石头剪刀布 …

Java进阶 1-3 枚举(switch的新特性)

目录 新特性&#xff1a;switch的箭头语法 新特性&#xff1a;switch中的case null 新特性&#xff1a;将switch作为表达式使用 在枚举中的实际应用 新特性&#xff1a;模式匹配 智能转型 模式匹配 违反里式替换原则 守卫 支配 sealed的使用 本笔记参考自&#xff1…