Web前端表格

最新推荐文章于 2024-02-19 13:12:42 发布
最新推荐文章于 2024-02-19 13:12:42 发布
阅读量271 收藏 3
点赞数
分类专栏： Web前端 文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64304041/article/details/127778730
版权 
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<table border="1" width=600 style="text-align:center">
			<tbody>
				<tr>
					<td bgcolor="cbcbcb" colspan="2" style="text-align:center">
						用户注册
					</td>
				</tr>
				<tr>
					<td bgcolor="#e5e5e5">
						用户名:
					</td>
					<td>
						<input type="text" name="username" id="" value="">
					</td>
				</tr>
				<tr>
					<td>
						密码:
					</td>
					<td>
						<input type="password" name="userpass" id="">
					</td>
				</tr>
				<tr>
					<td>
						性别
					</td>
					<td>
						<input type="radio" name="sex" id="" value="1">男
						<input type="radio" name="sex" id="" value="1">女
					</td>
				</tr>
				<tr>
					<td>
						爱好
					</td>
					<td>
						<input type="checkbox" name="fav" id="" value="1" />写作
						<input type="checkbox" name="fav" id="" value="1" />听音乐
						<input type="checkbox" name="fav" id="" value="1" />体育
					</td>
				</tr>
				<tr>
					<td>
						省份
					</td>
					<td>
						<select name="province">
						 <option value="shanxi">陕西省</option>
						 <option>北京</option>
						 <option>四川省</option>
						 </select>
					</td>
				</tr>
				<tr>
					<td>
						自我介绍
					</td>
					<td >
						<textarea name="intro" id="" rows="10"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" style="text-align:center">
						<button>提交</button>
						<button>重置</button>
					</td>
				</tr>
			</tbody>
		</table>
		</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>工商银行电子汇款单</h1>
		<table border="1" width="800">
			<tbody>
				<tr>
					<td colspan="2">回单类型</td>
					<td>网上转账汇款</td>
					<td colspan="2">指令序号</td>
					<td>HQH0000000000</td>
				</tr>
				<tr>
					<td rowspan="4" width="25">收款人</td>
					<td >户名</td>
					<td>老彪</td>
					<td rowspan="4" width="25">付款人</td>
					<td>户名</td>
					<td>老王</td>
				</tr>
				<tr>
					<td>卡号</td>
					<td>0000000000</td>
					<td>卡号</td>
					<td>0000000001</td>
				</tr>
				<tr>

					<td>地区</td>
					<td>南京</td>
					<td>地区</td>
					<td>杭州</td>
				</tr>
				<tr>
					<td>网点</td>
					<td>工商江苏南京业务处理中心</td>
					<td>网点</td>
					<td>江苏徐州业务中心</td>
				</tr>
				<tr>
					<td colspan="2">币种</td>
					<td>人民币</td>
					<td colspan="2">钞汇标志</td>
					<td>钞票</td>
				</tr>
				<tr>
					<td colspan="2">金额</td>
					<td>1.00元</td>
					<td colspan="2">手续费</td>
					<td>0.5元</td>
				</tr>
				<tr>
					<td colspan="2">合计</td>
					<td colspan="4">人民币</td>
				</tr>
				<tr>
					<td colspan="2">交易时间</td>
					<td>xx年xx月xx日</td>
					<td colspan="2">时间戳</td>
					<td>xx年xx月xx日</td>
				</tr>
			</tbody>
		</table>
		票据打印时间：xx年xx月xx日<br>
		<del>票据打印单位：xxxxxx</del><br>
		操作员：阿彪<br>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>热门电影板块</h1>
		<hr />
		<h3><pre><b>最近热门电影</b>	热门	最新	豆瓣满分	冷门佳片	华语	欧美	韩国	日本</pre></h3>
		<hr />
		<table border="0">
			<tbody>
				<tr>
					<td><img src="图片/动物城.jpg" width="250px" height="250px"></td>
					<td><img src="图片/冰雪.jpg" width="250px" height="250px"></td>
					<td><img src="图片/小狗.jpg" width="250px" height="250px"></td>
					<td><img src="图片/电影.jpg" width="250px" height="250px"></td>
				</tr>
				<tr>
					<td align="center">动物城</td>
					<td align="center">冰雪</td>
					<td align="center">小狗</td>
					<td align="center">电影</td>
				</tr>
				<tr>
					<td><img src="图片/小猪.jpg" width="250px" height="250px"></td>
					<td><img src="图片/奥特曼.jpg" width="250px" height="250px"></td>
					<td><img src="图片/蜘蛛侠.jpg" width="250px" height="250px"></td>
					<td><img src="图片/阿童木.jpg" width="250px" height="250px"></td>
				</tr>
				<tr>
					<td align="center">小猪</td>
					<td align="center">奥特曼</td>
					<td align="center">蜘蛛侠</td>
					<td align="center">阿童木</td>
				</tr>
			</tbody>
	</body>
</html>

 

宇宙小怪兽
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebSocket实现接收数据实时展示在图表上(前端代码)
Mr_know的博客
07-20 5943
编写笔记背景：作为一个测试为满足公司需求，尝试写一个简单的页面展现项目demo，记录的学习笔记（做一个测试我真的太难了） 需要的技术栈： HTML5、Echarts、CSS、JS、webSocket Echarts部分： <html> <head> <meta charset="utf-8"> <title>title</title> <!-- 引入 echarts.js --> //导入原生的echar
前端教程：10 简单表格制作
08-30
千锋Web前端教程_10_简单表格制作
Web前端之表格
花&败
10-29 5641
同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格在table中使用tr表示表格中的一行，有几个tr就有几行在tr中使用td表示一个单元格，有几个td就有几个单元格rowspancolspan。
web前端开发基础——在网页中使用表格
热门推荐
陈沫尘的博客
10-19 1万+
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、如何插入表格1.关于表格1.二、使用步骤1.引入库2.读入数据总结 前言 本篇主要解释了如何在web中建立表格设置表格的大小，单元格宽高、背景色以及表格内字体的大小 提示：以下是本篇文章正文内容，下面案例可供参考 一、如何插入表格 由于关于web网页制作的软件多种多样
Web 前端学习之 表格
程序员小白的博客
09-29 4954
这里写自定义目录标题1. 1. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { /*设置宽度*/ width: 100px; /*设置高度*/ height: 100px; background-color: yel
web前端初学讲义
01-05
大一web前端讲义。网页又称Web页面，是网络文件的组成部分，是可以被浏览器访问的单个HTML超文本文件,它由文字、表格、图片、声音、视频以及各种功能按钮等组成，这些文字、图片、按钮往往又是指向别的主页的连接点...
WEB前端技术-表格元素练习
12-27
在Web前端开发中，表格元素是构建数据展示和交互的核心组件之一。本练习主要关注HTML中的`<table>`元素及其相关标记，如`<tr>`, `<th>`, `<td>`等，它们共同构建了一个标准的表格结构。下面将详细讨论这些元素的使用...
头歌教学实践平台 Web前端开发基础 HTML-表格
01-20
HTML（HyperText Markup Language）是Web前端开发的基础，它用于创建网页结构并提供内容展示方式。在HTML中，表格是一种非常重要的元素，常用于展示数据或进行数据组织。本教学实践平台将深入讲解如何在HTML中创建和...
web前端 报表模版、图表
03-23
本篇文章将详细探讨“web前端报表模版”和“图表”的相关知识点。 首先，报表模板是预先设计好的布局和样式，用于快速生成各种类型的报表。在Web前端，报表模板通常由HTML、CSS和JavaScript组成，可以是静态的或者...
头歌教学实践平台 Web前端开发基础 CSS-表格样式
01-20
在Web前端开发中，CSS（层叠样式表）是用于美化HTML或XML文档的重要工具，包括网页中的表格。本教程将深入探讨如何使用CSS来控制和美化HTML表格的样式。"头歌教学实践平台"提供了这个实践课程，帮助学习者掌握CSS在...
MySQL+Vs+Web 数据库查询，查询的结果以Table方式显示
qq_45935715的博客
05-16 503
请制作一个aspx页面，内有用户自定控件(ascx页面)，除标注栏位名称label外，内有两个查询条件的控件(Age,Sex: 使用DropDownList)，查询的结果以Table方式显示。注意: 所有查询的程序功能源码要写在用户自定控件之内(ascx)。但为了能查询数据表，请在建立上述的aspx页面与用户自定控件ascx页面前，先建立以下的mdb，table名称为PersonalInfo，数据内容如下:
web 端展现报表时查询表单如何实现参数联动
xiaohuihui_1992的博客
06-15 213
web 端查询表单中多个参数级联查询是查询控件之间一种常见的互动方式，前面主参数发生改变时，联动参数也随之改变。比如：查询表单中的城市根据地区联动，如地区选择华北，后面的城市只能选择华北地区下的城市。 1：如果有报表工具，一般都支持参数级联查询功能，那么可以直接对联动参数设置关联过滤表达式，简单快捷，例如：如何实现参数级联查询 2：如果没有采用报表工具，可将数据报表采用 iframe 嵌入发布页面，通过 JavaScript 的 onChange() 事件来触发自动修改 iframe 的 src 属
WEB入门二 表格和表单
张晨光老师的播客
02-14 8211
学习内容Ø表格的作用和制作Ø表单的制作能力目标Ø掌握表格的创建Ø掌握设置表格的常用属性；Ø理解表单的作用Ø熟练掌握表单常用元素本章简介表格对于网页制作而言极其重要，其最明显的优点是能够以行列整齐的形式来显示文本、数字、图片信息。而且，表格还可以用于固定文本或图像的显示位置。经常上网的用户会发现表格被大量
Web前端-HTML（表格与表单）
apple_73204060的博客
12-14 1730
表格与表单
【web前端基础day02】表格table+表单form
qq_61971608的博客
01-16 3690
HTML over
Web前端——表格及课表实例
最新发布
EWQOR的博客
02-19 1098
table元素及课表实例
web网页前端学习 案例一之制作网页表格
程序员小白的博客
09-02 5598
web 前端学习 案例一1. 制作网页表格2. 表格合并 1. 制作网页表格 <!<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- table>tr*4>td*d + tab --> <!-- border 边框宽度，border
web前端开发与应用——表格
m0_59742894的博客
11-29 2098
表格的基本标签 HTML表格由table标签以及一个或多个tr、th或td标签组成： table标签：定义一个表格 caption标签：定义表格标题，嵌套在<table></table>中 tr标签：定义表格中的一行，嵌套在<table></table>中 th标签：定义表格中的表头单元格，嵌套在<tr></tr>中 td标签：定义表格中的数据单元格，嵌套在<tr></tr>中 表格标签的基本属性
web前端开发零基础入门6（关于HTML表格）
qq_62512326的博客
07-07 1709
table 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th或 td元素组成表格结构；其中： tr>元素定义表格行，th 元素定义表头，td 元素定义表格单元。 为了让表格更美观，我们会用到：border，colspan，rowspan，align，bgcolor 等来美化表格。之前我们说过在VS里面使用的标签，比如什么meta标签啊。 在下面这个链接里面有我详细说明的：表格边框：在使用table border=“1” /table 的方式来定义，其中：数字表
web前端表格固定滚动
11-30
如果想要在web前端页面中实现表格的固定滚动效果，可以通过使用HTML、CSS和JavaScript来实现。首先，可以使用HTML来创建表格元素，并使用CSS来设置表格的样式和布局。然后，通过JavaScript来实现表格的固定滚动效果...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值