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" width="1200px" height="400px" cellspacing="0"><tr><td colspan="2"><b>回单类型</b></td><td>网上转账汇款</td><td><b>指令序号</b></td><td colspan="2">HQH00000000000000013878172</td></tr><tr><td rowspan="4"><b>收款人</b></td><td>户名</td><td>老牟</td><td rowspan="4"><b>付款人</b></td><td>户名</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><th colspan="2">币种</th><td>人民币</td><td colspan="2">钞汇标志</td><td>钞票</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><th colspan="2">合计</th><td colspan="5">人民币（大写）：壹圆整</td></tr><tr><td colspan="2"><b>交易时间</b></td><td>2017年6月1日</td><td colspan="2"><b>时间戳</b></td><td colspan="3">2017-06-01-13.00.00</td></tr></table><p>票据打印时间：2017-06-01 15：00:12</p><del><p>票据打印单位：江苏徐州业务中心</p></del><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>Document</title><style>#left {width: 510px;height: 225px;margin-left: 25px;position: fixed;}#right{margin-left: 505px;width: 330px;height: 225px;position: fixed;}</style>
</head>
<body><h1>将进酒<small>君不见黄河之水天上来</small></h1><div id="left"><img src="./诗词用图/李白.jpg" alt="libai"></div><div id="right"><p>君不见黄河之水天上来，奔流到海不复回。<br><br>君不见高堂明镜悲白发，朝如青丝暮成雪。<br><br>人生得意须尽欢，莫使金樽空对月。<br><br>天生我材必有用，千金散尽还复来。<br><br>烹羊宰牛且为乐，会须一饮三百杯。<br><br>岑夫子，丹丘生，将进酒，杯莫停。<br><br>与君歌一曲，请君为我侧耳听。<br><br>钟鼓馔玉不足贵，但愿长醉不复醒。<br><br>古来圣贤皆寂寞，惟有饮者留其名。<br><br>陈王昔时宴平乐，斗酒十千恣欢谑。<br><br>主人何为言少钱，径须沽取对君酌。<br><br>五花马，千金裘，<br><br>呼儿将出换美酒，与尔同销万古愁。</p></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>Document</title>
</head>
<body><h1>热门电影板块</h1><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="700px"><tr><td><img src="./豆瓣电影/movie1.jpg" alt="?" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie2.jpg" alt="" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie3.jpg" alt="" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie4.jpg" alt="" width="300px" height="400px"></td></tr><tr><td>猜火车</td><td>贝尔实验室</td><td>加州公路巡警</td><td>歌声不绝</td></tr><tr><td><img src="./豆瓣电影/movie5.jpg" alt="" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie6.jpg" alt="" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie7.jpg" alt="" width="300px" height="400px"></td><td><img src="./豆瓣电影/movie8.jpg" alt="" width="300px" height="400px"></td></tr><tr><td>明日的我与昨日的我</td><td>速度与激情</td><td>疾速特攻</td><td>金刚狼3</td></tr></table></div>
</body>
</html>相关文章：
HTML基本网页制作
一、制作工商银行电子表单 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>第一个网页的标题</ti…...
Tcl语言语法精炼总结
一、置换符号 1.变量置换 $ TCl解释器会将认为$后面为变量名，将变量名置换成它的值 2.命令置换 [] []内是一个独立的TCL语句 3.反斜杠置换 \ 换行符、空格、[、$等被TCL解释器当作特殊符号处理。加上反斜杠后变成普通字符 \t TAB \n 换行符 4.双引号 “” “…...
[GPT]Andrej Karpathy微软Build大会GPT演讲(下)--该如何使用GPT助手
该如何使用GPT助手--将GPT助手模型应用于问题 现在我要换个方向，让我们看看如何最好地将 GPT 助手模型应用于您的问题。 现在我想在一个具体示例的场景里展示。让我们在这里使用一个具体示例。 假设你正在写一篇文章或一篇博客文章，你打算在最后写这句话。 加州的人口是阿拉…...
路由器静态路由的配置
路由器静态路由的配置步骤如下： 进入系统视图。输入命令sys进入系统视图。配置路由器的接口IP地址。命令格式为int g0/0/0，其中g0/0/0表示路由器的接口，可以根据实际情况进行修改。然后使用命令ip add配置接口的IP地址。配置下一跳地址。在静…...
[Firefly-Linux] RK3568在Ubuntu上安装内核头文件实现本地编译驱动程序
文章目录 一、介绍二、安装三、编译驱动四、自行编译debian包一、介绍 在 Linux 操作系统中，linux-headers.deb 和 linux-images.deb 分别用于安装内核头文件和内核二进制文件。 linux-headers.deb： 内核头文件包，通常以 linux-headers-x.x.x-x 的形式命名。包含编译内核模…...
RabbitMQ Streams 详解
RabbitMQ Streams是一种持久复制数据结构，可以完成与队列相同的任务：它们缓冲来自生产者的消息，这些消息由消费者读取。然而，流与队列的区别在于两个重要方面：消息的存储和消费方式。 Streams为仅追加的消息日志建模&a…...
跨境电商如何利用跨境客服软件提升销售额
随着全球化的推进，跨境电商成为了许多企业拓展市场的重要途径。然而，跨境电商面临着语言、文化、时差等多种挑战，为了提供更好的客户服务并提升销售额，跨境电商需要利用跨境客服软件。本文将探讨跨境电商如何利用跨境客服软件来提…...
css/less/scss代码注意事项
一.命名 1.类名使用小写字母，以中划线分割;id 使用 驼峰式命名; 2.less/scss中的函数、混合采用驼峰命名; 3. class 的命名不要使用 标签名,如.p .div .img; 二.选择器 尽量使用直接子选择器，否则，有时会造成性能损耗 .content .title { .…...
Git应用——代码提交规范 feat ，fix ，style
当前使用 feat 增加新功能fix 修复问题/BUGstyle 代码风格相关无影响运行结果的perf 优化/性能提升refactor 重构revert 撤销修改test 测试相关docs 文档/注释chore 依赖更新/脚手架配置修改等workflow 工作流改进ci 持续集成types 类型定义文件更改wip 开发中 别处看到 fea…...
TDengine Kafka Connector将 Kafka 中指定 topic 的数据（批量或实时）同步到 TDengine
教程放在这里：TDengine Java Connector，官方文档已经写的很清晰了，不再赘述。 这里记录一下踩坑： 1.报错 java.lang.UnsatisfiedLinkError: no taos in java.library.pathat java.lang.ClassLoader.loadLibrary(ClassLoader.j…...
单片机的低功耗模式介绍
文章目录 简介一、功耗来源说明1.1、芯片工作模式1.2、静态损耗1.3、I/O额外损耗1.4、动态损耗 二、功耗如何测量三、降低功耗有什么方法3.1、选取合适的芯片工作模式3.2、降低工作频率3.3、关闭不需要使用的外设3.4、 降低静态电流损耗3.5、 周期采集供电3.6、 设置IO口状态 四…...
基于SSM实现的精品课程网站
一、系统架构 前端：jsp | js | css | jquery | bootstrap 后端：spring | springmvc | mybatis 环境：jdk1.7 | mysql | maven | tomcat 二、代码及数据库 三、功能介绍 01. 登录页 02. web端-首页 03. web端-视频教程 04. web端-资料…...
广州旅游攻略(略说一二）
广州是中国南方的一个重要城市，也是广东省的省会，拥有着悠久的历史和丰富的文化遗产。作为中国最繁华的城市之一，广州吸引了大量的游客前来探索其独特的魅力。今天我将为大家介绍一份广州旅游攻略，希望能帮助各位游客更好地了解这…...
C++STL的list模拟实现
文章目录 前言 list实现push_back迭代器(重点)普通迭代器const迭代器 inserterase析构函数构造函数拷贝构造赋值 vector和list的区别 前言 要实现STL的list, 首先我们还得看一下list的源码。 我们看到这么一个东西，我们知道C兼容C，可以用struct来创建一…...
django--分页功能
Django 提供了强大的分页功能，可以轻松地在视图中实现分页。 在视图中使用分页： # views.py from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.shortcuts import render from .models import YourModeldef your…...
centOS安装bochsXshell连接centos启动可视化界面
centOS安装bochs 参考：https://blog.csdn.net/muzi_since/article/details/102559187 首先安装依赖环境： yum install gtk2 gtk2-devel yum install libXt libXt-devel yum install libXpm libXpm-devel yum install SDL SDL-devel yum install libXr…...
mac m2芯片 安装nginx + php + mysql
1.安装homebrew： 系统本身就有（命令brew -v查看下），如果没有安装一下 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 2.安装nginx brew install nginx 3.安装php bre…...
vue axios 使用
使用Vue中的Axios需要先安装axios库，可以通过yarn或npm安装： yarn add axios # 或者 npm install axios --save然后在Vue组件中导入axios并使用： import axios from axios;export default {data() {return {responseData: null,error: null…...
使用docker实现logstash同步mysql到es
准备工作： 1.有mysql的连接方式，并且可以连接成功 2.有es的连接方式，并且可以连接成功 3.安装了docker 环境是Ubuntu中安装了docker 一、创建配置文件，用于容器卷挂载 # 切换目录，可自定义 cd /home/test/ # 创建lo…...
hive数据仓库工具
1、hive是一套操作数据仓库的应用工具，通过这个工具可实现mapreduce的功能 2、hive的语言是hql[hive query language] 3、官网hive.apache.org 下载hive软件包地址 Welcome! - The Apache Software Foundationhttps://archive.apache.org/ 4、hive在管理数据时分为元…...
图像超分新SOTA：DAT模型凭什么在效果和效率上双赢？深入对比SwinIR、EDSR等经典方案
DAT模型：图像超分辨率领域的效率与效果平衡术 当一张模糊的老照片在算法处理后突然变得清晰可辨时，这种"魔法"背后是图像超分辨率技术的精妙演化。在这个领域，Transformer架构近年来展现出惊人的潜力，却也面临着计算复…...
LeetCode 01矩阵中距离题解
LeetCode 01矩阵中距离题解 题目描述 给定一个 01 矩阵，找到每个 0 到最近的 0 的距离。 示例： 输入：mat [[0,0,0],[0,1,0],[1,1,1]]输出：[[0,0,0],[0,1,0],[1,2,1]] 解题思路 方法：BFS 思路： 使用 BFS 从…...
音乐标签混乱的终结者：music-tag-web如何用3个步骤帮你重建完美音乐库
音乐标签混乱的终结者：music-tag-web如何用3个步骤帮你重建完美音乐库 【免费下载链接】music-tag-web 音乐标签编辑器，可编辑本地音乐文件的元数据（Editable local music file metadata.） 项目地址: https://gitcode.com/gh_mi…...
终极节点图绘制工具：Project Graph让你的思维可视化变得简单高效
终极节点图绘制工具：Project Graph让你的思维可视化变得简单高效 【免费下载链接】project-graph A node-based visual tool for organizing thoughts and notes in a non-linear way. 项目地址: https://gitcode.com/gh_mirrors/pr/project-graph 还在为复杂…...
从4G到5G VoNR：对比VoLTE呼叫流程，聊聊核心网演进带来的那些变化
从4G到5G VoNR：核心网架构演进与语音业务的技术跃迁 当我们在4G时代习惯了高清语音通话(VoLTE)的清晰稳定，5G时代VoNR(Voice over New Radio)的商用正在悄然重塑移动通信的语音业务版图。这场技术演进绝非简单的网络升级，而是从核心网架构到业…...
利用Taotoken用量看板精细化管理团队大模型API消费
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 利用Taotoken用量看板精细化管理团队大模型API消费 对于团队管理者而言，在引入大模型能力后，一个普遍存在的…...
)
06-AI产品的伦理边界-当上瘾设计遇上算法合规(系列二-上瘾模型的AI重构)
AI产品的伦理边界：当上瘾设计遇上算法合规本文是「上瘾模型的AI重构」系列的第6篇（系列收官）本文你将获得 🧠 上瘾设计的伦理困境全景📐 AI放大伦理风险的5个维度📊 “设计上瘾” vs "设计价值"的…...
PyInstaller Extractor终极指南：5分钟学会提取可执行文件源码
PyInstaller Extractor终极指南：5分钟学会提取可执行文件源码 【免费下载链接】pyinstxtractor PyInstaller Extractor 项目地址: https://gitcode.com/gh_mirrors/py/pyinstxtractor 你是否曾经面对一个PyInstaller打包的可执行文件，想要查看其中…...
浏览器智能体开发指南：从语义驱动到LLM集成的自动化实践
1. 项目概述：一个能“看”会“想”的浏览器智能体最近在折腾自动化工具和智能体（Agent）的时候，发现了一个挺有意思的项目：smouj/agent-browser。光看这个名字，你可能会觉得它只是一个普通的浏览器自动化库&…...
代码编辑器世纪大战：VS Code vs JetBrains IDE vs Zed全面对比
Visual Studio Code、IntelliJ IDEA/PhpStorm/WebStorm、Zed——这三种编辑器代表了三代程序员的生产力哲学。本文从响应速度、生态成熟度、AI赋能、协作能力四个维度进行深度横评。 一、三种编辑器的基因差异 VS Code：开放生态的胜利 VS Code的核心优势不是功能&am…...