HTML回字表格

最新推荐文章于 2021-08-04 02:30:19 发布
最新推荐文章于 2021-08-04 02:30:19 发布
阅读量279 收藏
点赞数
文章标签： html html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46146313/article/details/104025762
版权

在这里插入图片描述
效果如上图所示

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<table table border="1px" width="500px" height="600px" cellspacing="0px"  align="center">
<tr>
	<td colspan="12">111</td>
<!-- 	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td> -->
    <td rowspan="12">22</td>


</tr>	

<tr>
	<td rowspan="12">4</td>
	<td colspan="10">111</td>
   <!--  <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td> -->
	<td rowspan="10">22</td>
  <!--   <td></td> -->


</tr>	


<tr>
	<!-- <td></td> -->
	<td rowspan="10">4</td>
    <td colspan="8">111</td>
    <!-- <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td> -->
	<td rowspan="8">22</td>
	<!-- <td></td>
    <td></td>
 -->

</tr>	


<tr>
	<!-- <td></td> -->
	<!-- <td></td> -->
    <td rowspan="8">4</td>
    <td colspan="6">111</td>
   <!--  <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td> -->
    <td rowspan="6">22</td>
	<!-- <td></td>
	<td></td>
    <td></td>
 -->

</tr>	

<tr>
	<!-- <td></td> -->
	<!-- <td></td>
 -->    <!-- <td></td> -->
    <td rowspan="6">4</td>
    <td colspan="4">111</td>
	<!-- <td></td>
	<td></td>
    <td></td> -->
    <td rowspan="4">22</td>
  <!--   <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	


<tr>
	<!-- <td></td> -->
	<!-- <td></td> -->
   <!--  <td></td>
    <td></td> -->
    <td rowspan="4">4</td>
	<td colspan="2">111</td>
<!-- 	<td></td> -->
    <td rowspan="2">23</td>
  <!--   <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	


<tr>
	<!-- <td></td> -->
	<!-- <td></td> -->
  <!--   <td></td>
    <td></td>
    <td></td> -->
	<td rowspan="2">4</td>
	<td>五</td>
  <!--   <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
	<!-- <td></td> -->
	<!-- <td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td> -->
	<td colspan="2">71</td>
   <!--  <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
	<!-- <td></td> -->
<!-- 	<td></td>
    <td></td>
    <td></td>
    <td></td> -->
	<td colspan="4">72</td>
	<!-- <td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
<!-- 	<td></td> -->
	<!-- <td></td>
    <td></td>
    <td></td> -->
    <td colspan="6">73</td>
	<!-- <td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
	<!-- <td></td> -->
	<!-- <td></td>
    <td></td> -->
    <td colspan="8">73</td>
  <!--   <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
	<!-- <td></td> -->
<!-- 	<td></td> -->
    <td colspan="10">73</td>
  <!--   <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	

<tr>
	<!-- <td></td> -->
	<td colspan="12">73</td>
   <!--  <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td>
    <td></td>
    <td></td>
	<td></td>
	<td></td>
    <td></td> -->


</tr>	



</table>



</body>
</html>
Jason–json
关注
html实现文字在表格上方左侧,html,表格,左对齐.doc
weixin_31710835的博客
05-31 4849
html,表格,左对齐篇一：html表格布局实例[html]表格布局之实例版| [<前面我们讲了html表格的基础知识，今天我们通过一个实例让大家更清晰的了解下表格的用途。例如：我们做一个简单的网站布局，代码如下：bordercolor=#00ff99产生如下的表格：这是一张整体的表格，第一行和第四行分别跨度了三列，这里用colspan=3来限制，而第二行的“搜索框”占用了两列的位置，用co...
回字的四种写法之编程
iteye_5265的博客
12-21 341
从事java程序员一年多了，才在javaeye上发表第一篇文章，确实有点晚，之前总是觉得技术不到家，没什么发言权。今天突然想写点什么，就当是随笔了。 记得以前上学的时候学过孔乙己，一个极端无助，没有任何地位的人在用自己的“文化”和“学识”装点自己，唤起别人对他的尊重。然而，这种唤起本身就是无力的，因为作为伙计的“我”是只关心别人怎样评价他，老板则关心孔乙己是否能“排出”几文大钱。 而对于程序员...
html的表格使用函数,简单的函数来返回记录集结果到HTML表格
weixin_30113867的博客
06-17 320
下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家，也给大家做个参考。function ReturnHTMLTable(query)set rs = cn.Execute(query)rs.MoveFirstresponse.Write ""response.Write ""For Each oField In rs.Fieldsresponse.Write "...
前端算法：判断字符串回文
lee前端技术站
06-24 781
在JavaScript的世界里，那些细小的算法无处不在，今天为大家讲解一下字符串回文： 回文字符串：即字符串从前往后读和从后往前读字符顺序是一致的。 如何判断是回文字符串： (1)利用数组的方法：先将字符串转为数组，将数组反转，将反转后的数组转为字符串 let palindRome = (str) => { if (!str || (str && typeof str !== 'string')) { return } return s
后端返回数字，前端文字显示
weixin_43857186的博客
08-21 4094
日常总结 在业务中我们经常会遇到后端返回数字，前端显示对应的文字，以此在这里做下记录，便于记忆。 栗子 var nameType: { 1: ‘板栗烧鸡’, 2: ‘糖醋排骨’ } 后端如果返回是1，那么在前端获取时想要展示就这样写 nameType1在控制台打印出来就是对应的板栗烧鸡了。同样，如果需求反过来，需要在接口中传入板栗烧鸡的值我们可以这样写 var nameType:{ ‘板栗烧鸡’: 1, ‘糖醋排骨’: 2 } nameType[‘板栗烧鸡’]，在控制台打印出来就是数字1。 功能快捷键 撤销
前端算法——回文字符串（通过二）
一叶的博客
03-18 295
京京和东东是好朋友。东东很喜欢回文。回文是指从前往后读和从后往前读是一样的词语。京京准备给东东一个惊喜,先取定一个字符串s,然后在后面附上0个或者更多个字母形成回文,京京希望这个回文越短越好。请帮助京京计算他能够得到的最短的回文长度。 var arr=readline().split('') while(true){ var len=arr.length;//4 5 var m...
HTML 基础之 回型矩形
陈三一的博客
07-29 590
       本次的是上篇的跨行跨列的练习，主要还是掌握rowspan属性，并且能在大脑里构建这个图的形状。建议可以现在草稿纸上面自己画一个先，慢慢就会有感觉了。 既然是写过的，那就直接上代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;!-- 作者：三一 时间：2018-07-29 描述：HTML基...
漂亮的表格css+html
04-20
"漂亮的表格css+html"这个主题就是关于如何利用HTML和CSS技术来创建吸引人的表格。HTML（超文本标记语言）是网页内容的基础结构，而CSS（层叠样式表）则是用于美化这些结构的工具。以下将详细介绍这两个技术在创建...
JS对HTML表格进行增删改操作
11-22
在本项目中，我们需要创建一个HTML页面，包含一个表格用于展示用户信息，并通过JavaScript实现对表格数据的增删改查功能。以下是对这个任务的详细解释： 首先，我们需要创建一个HTML表格来显示用户信息，包括用户名...
表格生成器 Html表格生成器 v1.0
11-10
《Html表格生成器 v1.0：打造个性化数据展示的新利器》 在信息化时代，数据的展示和交流已经成为日常工作中不可或缺的一部分。而HTML表格作为网页中最常见、最实用的数据展示工具，其灵活性和广泛性不言而喻。然而...
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
12-01
在HTML中，表格是一种用于组织数据的基本元素，它允许我们将数据排列成行列，方便阅读和理解。本教程将深入讲解如何使用HTML中的`<TABLE>`标签的`WIDTH`和`HEIGHT`属性来设置表格的宽度和高度。 首先，我们要了解...
使用html5，css，实现品字形布局
dre的博客
07-25 5729
使用HTML，CSS3实现品字形布局html,body{ margin:0; padding:0; } div:first-child{ width:100%; height:100%; background:red; } 如果这样写的话div的height:100%;是无效的，需要在html,body中加入  height：100%:或者div:first-child中加入pos
前端系列之HTML（表格）
十二指环的博客
01-18 5万+
了解表格应用场景表格基本结构如何操作表格？添加、删除行与列表格属性<caption></caption>定义表格的标题表格跨行跨列表格嵌套案例：表格网页布局<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格布局</title> </head> <body> <table width="100
HTML 表格
xu_ya_fei的专栏
04-30 413
HTML 表格 表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 表格实例 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cel
HTML表格跨行、跨列操作(rowspan、colspan)
热门推荐
sning999
02-28 23万+
一般使用&lt;td&gt;元素的colspan属性来实现单元格跨列操作，使用&lt;td&gt;元素的rowspan属性来实现单元格的跨行操作。colspan属性规定单元格可横跨的列数，所有浏览器都支持colspan属性。其取值为number，如下图所示：例如：&lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;星期一&lt;/th&gt;
解决html表格字体
a597637246的博客
08-15 5892
简而言之 使用  white-space: nowrap; 的样式即可。
HTML表格（table）实例
hj1993的博客
07-30 5万+
HTML表格（table）实例 实例1：课程表 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;课程
html中如何返回保留原表格数据
qq_47452573的博客
08-04 392
采用Historygo()方法 首先定义一个点击跳转事件 在js中写入方法 function goback(){ window.history.go(-1) }
html文字表格下方
最新发布
12-04
以下是使用HTML标签控制文字样式的富文本控件的例子，其中包括了文字表格下方的实现方法： ```html <!DOCTYPE html> <html> <title>HTML文字表格下方 <h1>HTML文字表格下方 下面是一个文字表格： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jason–json

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值