html练习1(table的基本使用)

最新推荐文章于 2024-03-12 14:55:33 发布
最新推荐文章于 2024-03-12 14:55:33 发布
阅读量284 收藏 2
点赞数 2
分类专栏： web前端练习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44292366/article/details/112245110
版权

实现效果

在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格练习</title>
</head>
<body>
<h2>工商银行电子汇款单</h2>
<div style="display: inline-block;width: 100%">
    <table align="left" border="" cellpadding="0" cellspacing="0" width="50%">
        <colgroup>
            <col style="width: 10%">
            <col style="width: 10%">
        </colgroup>
        <thead>
        <tr>
            <th colspan="2">回单类型</th>
            <th>网上转账汇款</th>
            <th colspan="2">指令序号</th>
            <th>213254135454</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td rowspan="4"><b><br>收<br>款<br>人<br><br></b></td>
            <td>户名</td>
            <td>张三</td>
            <td rowspan="4"><b><br>付<br>款<br>人<br><br></b></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <td><b>卡号</b></td>
            <td>0000000001</td>
            <td><b>卡号</b></td>
            <td>0000000002</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>钞票</td>
        </tr>
        <tr>
            <td colspan="2"><b>金额</b></td>
            <td>1.00元</td>
            <td colspan="2"><b>手续费</b></td>
            <td>0.75元</td>
        </tr>
        <tr>
            <td colspan="2"><b>合计</b></td>
            <td colspan="4">人民币(大写)∶壹</td>
        </tr>
        <tr>
            <td colspan="2"><b>交易时间</b></td>
            <td>2017年6月01号</td>
            <td colspan="2"><b>时间戳</b></td>
            <td>2017-06-01-13.00.00. 00000</td>
        </tr>
        </tbody>
    </table>
</div>
<br>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><del>票据打印单位:苏徐州业务中心</del></p>
<p>操作员：大曾</p>
</body>
</html>

资源下载

流风川
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Mr.Fang：银企互联（NC模式）开发者版——制作PDF回单的Python代码
fangrk的专栏
11-15 1099
开发者版的介绍和下载：https://blog.csdn.net/fangrk/article/details/83932295 业务：工行银企互联（NC模式）推广版 软件：我自己编写的开发者版 编程代码演示：Python 不需要太多代码，就能通过开发者版制作一个PDF电子回单。 WebService地址：http://10.0.0.5:1398/WebService.asmx 网上找...
python采集银行信息_Python：将银行扣费信息整理成账单
weixin_32452829的博客
02-11 584
全文以工商银行的扣费信息为例工行储蓄卡，绑定支付宝、微信后日常使用，偶尔会转入，日常收到的通知短信有支付、转入、信使展期扣费三类：1. 您尾号1234卡1月2日20:57POS支出(快捷支付)100元，余额664.88元。【工商银行】2. 您尾号7256卡2月3日15:35ATM收入(现存)8,000元，余额8,664.88元。【工商银行】3. 您尾号1234卡4日02:55工商银行支出(信使展期...
Web---银行汇款单作业
bo1029的博客
03-10 297
【代码】Web---银行汇款单作业。
前端之用HTML做一个汇款单
最新发布
banliyaoguai的博客
03-12 550
里面注释是我我对运用到的知识的理解。
html简单页面操作
upmans的博客
10-30 142
【代码】html简单页面操作。
table.html（html表格练习）
07-21
项目负责人 联系电话 项目支出细化预算(单位：万元)项目类别 发展性专项 建设性专项 基本建设和大修理项目 合计 项目前期费用 征地费 建筑工程费 安装工程费 设备等购置费 原 材 料 其他费用 各种建筑...
最先使用HTML：HTML练习
03-02
这个名为“最先使用HTML：HTML练习”的项目，显然旨在帮助初学者掌握HTML的基本概念和语法，通过实践提升理解和应用能力。在这个压缩包文件中，我们可以看到一个名为"the-first-HTML-master"的目录，这通常表示这是...
fitness-pricing-table:HTML和CSS练习
04-02
1. `<table>`：这是创建表格的基本标签，它将包裹整个定价表。 2. `<thead>`：用于定义表格的表头部分，通常包含列名。 3. `<tbody>`：定义表格的主体，放置实际的行数据。 4. `<tr>`：表示表格的一行。 5. `<th>`：...
html简单练习-旅游网
03-21
在本项目中，“html简单练习-旅游网”是一个学习HTML的实践案例，主要利用HTML的`<table>`元素来创建一个静态的旅游网站页面。HTML（HyperText Markup Language）是用于构建网页的标准标记语言，而`<table>`标签则是...
HTML_course.rar_html 练习题
09-14
本“HTML_course.rar_html 练习题”资源包含了一个完整的HTML学习课程，共分为七章，旨在帮助学习者深入理解和掌握HTML的基本概念、语法以及实际应用。通过这份资料，你可以系统地提升自己的HTML技能，并通过练习题...
中国工商银行电子汇款单（HTML表格制作）
2303_79252611的博客
02-03 1132
学而不思则罔，思而不学则殆。嗯，就像之前会的东西，然后忘了，然后再去寻找把失去了的东西去再找回来，就会觉得焕然一新。这个很熟悉，哎，我好像又可以了。这个写代码啊，就是在学习中去打，打中去学习，就像实践与理论一样，要不断的去实践。真的是不知道为什么就是那个align对称就是用不了，以至于我用了很多个 （空格）今天我在写代码的时候就突然发现我好像不会，就是表格类的转行。我想修改字体颜色，但是修改不了一点，有友友可以给我点提示嘛？自我感觉就是嗯，比上一篇那个代码难一点，但其实也还好。一查我才知道是用.
html作业汇款单和将进酒
C13136398183的博客
06-02 100
君不见黄河之水天上来君不见黄河之水天上来，奔流到海不复回。<br>君不见高堂明镜悲白发，朝如青丝暮成雪。<br>人生得意须尽欢，莫使金樽空对月。<br>天生我材必有用，千金散尽还复来。<br>岑夫子，丹丘生，将进酒，杯莫停。<br>主人何为言少钱，径须沽取对君酌。<br>呼儿将出换美酒，与尔同销万古愁。<del>票据打印单位：江苏徐州业务中心</del><br>与君歌一曲，请君为我倾耳听。<b>回单类型</b><b>指令序号
HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局
weixin_67259816的博客
10-28 748
【代码】HTML实战小项目：简单的注册页面，汇款单，“将进酒”布局。纯HTML写的，希望大家可以共同学习进步；作为前端小白，只是想把功能实现出来。
HTML 框架、列表和table标签练习 第二个模块2
菜鸟心声：学的不仅是技术，更是梦想！
01-10 1273
HTML 框架和table标签练习HTML 框架iframe标签案例07HTML 列表无序列表案例08有序列表列表嵌套案例9作业作业1制作方块导航器作业2使用table实现如下企业主页作业3电商页面设计作业4播种绿色 HTML 框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 HTML`中有很多框架标签，但是大多数都弃用了，沿用至今的就是`<iframe> iframe标签 iframe语法: <iframe src="URL"></iframe> i
HTML刷题---table
oyx的博客
02-28 142
HTML table
HTML中table表单练习
wyqwilliam的博客
12-06 636
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历书写</title> </head> <body> <h5>近期非常热门的个人简历模板</h5> <table border=...
HTML练习——表格
villaaaaaaaa
09-23 9390
1.建立如图所示表格 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt;
html table属性测试，练习+详解（亲测）
ITzhongzi的博客
09-22 1431
给整个table设置边框：用border-left；border-right；border-top；border-bottom；分别设置table的边框，简写为border： X px； 表格没有外边框，每个tr（每一行）只有下边框的table设置：： test .tab { } .tab td { height:30px; borde
html 练习题和答案
07-07
### 回答1： HTML 练习题和答案 1. 编写一个 HTML 文件，并在其中添加一个段落标签（<p>），在段落中写下你的姓名和年龄。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <p>我的姓名是张三，年龄是20岁。</p> </body> </html> ``` 2. 创建一个 HTML 表格，并在表格中添加两行两列的数据。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <table> <tr> <td>姓名</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>20岁</td> </tr> </table> </body> </html> ``` 3. 在 HTML 页面中插入一张图片。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <img src="image.jpg" alt="图片描述"> </body> </html> ``` 4. 创建一个有序列表，并在列表中添加三个项目。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <ol> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ol> </body> </html> ``` 5. 创建一个链接，链接到另一个网页。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <a href="https://www.example.com">点击这里访问另一个网页</a> </body> </html> ``` ### 回答2： HTML 练习题和答案是为帮助学习者巩固和提升他们在HTML方面的知识，以下为一些常见的HTML练习题和答案： 1. 创建一个HTML文件，包含一个标题为"我的第一个网页"的标题标签。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> </body> </html> ``` 2. 在第一个网页中，添加一个段落标签，内容为"欢迎来到我的网页！"。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> </body> </html> ``` 3. 在第一个网页中，添加一个链接，链接到www.example.com网站。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> </body> </html> ``` 4. 创建一个无序列表，包含三个列表项：“苹果”，“香蕉”和“橙子”。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> </body> </html> ``` 5. 在第一个网页中嵌入一张图片，图片名称为"example.jpg"，宽度为300像素，高度为200像素。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <img src="example.jpg" alt="示例图片" width="300" height="200"> </body> </html> ``` 这些练习题和答案可以帮助学习者熟悉HTML的基本语法和标签，并且通过练习提升实践能力。随着练习的深入，学习者可以尝试更复杂的HTML练习题，以拓宽自己的HTML知识。 ### 回答3： HTML练习题和答案可以根据不同的难度和主题来设计。以下是一个简单的例子： 练习题1： 假设我们要创建一个简单的网页，其中包含一个标题和一个段落。请使用HTML代码编写这个网页。 答案1： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html> ``` 练习题2： 在上面的网页基础上，我们想要在段落中添加一个链接，链接到另一个网页。请添加这个链接的HTML代码。 答案2： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落，你可以访问 <a href="https://www.example.com">另一个网页</a>。</p> </body> </html> ``` 这些练习题旨在帮助初学者熟悉HTML标记语言的基础语法和常用元素。对于更高级的HTML练习题和答案，可以参考相关教程、书籍和在线资源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值