H5的第二堂课表格

最新推荐文章于 2022-01-24 18:22:45 发布
最新推荐文章于 2022-01-24 18:22:45 发布
阅读量278 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wo7024389/article/details/65634713
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<!--属性：
    1、border：给表格添加边框，当border属性增大时，只有外围框线增加，单元格的边框始终为1px
    2、bordercolor：边框颜色；
    3、width、height:表格的宽高;
    4、cellspacing：单元格与单元格之间的距离，当cellspacing="0"时，只会是单元格的间隙为0，并不会合并边框线；
                   表格边框合并：style="border-collapse: collapse;
                   无需再写cellspacing="0";
    5、cellpadding:每个单元格中的内容与边框线的距离
    6、align：表格在屏幕的左中右位置显示，left center right
              注意：给表格加上align属性，相当于让表格浮动。
              会直接打破表格后面元素的原有排列方式
    7、background:background="img/comouter.jpg 设置背景图片
                  等用于style="background-image:;"且背景图会覆盖背景色
    8、bgcolor:背景色，  等同于style="background-color:;"-->
<!--tr和td相关的属性
    1、width/height：单元格的宽高
    2、bgcolor：单元格的背景颜色
    3、align：单元格的文字对齐方式
    4、valign：top、center、bottom 单元格中的文字，垂直对齐方式；
    5、nowrap="nowrap" 单元格中的文字不换行

    注意：
    1、当表格属性与行列属性冲突时，以行列属性为准（就近原则）
    2、表格的aling属性，是控制表格资深在浏览器的显示位置，
       行列的align属性，是控制单元格中文字在单元格中的对齐方式
    3、表格的align属性，并不影响表格内，文字的水平对齐方式
       tr的align，或者valign，可以控制一行中所有单元格的水平或垂直对齐方式。-->
<table border="13" bordercolor="blue" width="300px" height="150px"
       style="border-collapse: collapse" cellpadding="10px" align="left" bgcolor="aqua" >
   <tr>
       <td bgcolor="red">手机充值</td>
       <td>IP卡</td>
       <td>网游</td>
   </tr>
   <tr>
       <td>移动</td>
       <td>联通</td>
       <td>魔兽</td>
   </tr>
</table>
表格显示为

<table border="3">
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>数学成绩</th>
        <th>语文成绩</th>
        <th>英语成绩</th>
    </tr>
    <tr>
        <td>1001</td>
        <td>张三</td>
        <td>100</td>
        <td>120</td>
        <td>120</td>
    </tr>
    <tr>
        <td>1001</td>
        <td>张三</td>
        <td>100</td>
        <td>120</td>
        <td>120</td>
    </tr>
    <tr>
        <td>1001</td>
        <td>张三</td>
        <td>100</td>
        <td>120</td>
        <td>120</td>
    </tr>
</table>
表格显示为

<table border="1" align="center" >
    <tr>
        <td></td>
        <td colspan="3" align="center" >第一行跨三列</td>
    </tr>
    <tr>
        <td rowspan="3">第二行跨三行</td>
        <td>第二行第二列</td>
        <td>第二行第三列</td>
        <td>第二行第四列</td>
    </tr>
    <tr>
        <td>第三行第二列</td>
        <td>第三行第三列</td>
        <td>第三行第四列</td>
    </tr>
    <tr>
        <td>第四行第二列</td>
        <td>第四行第三列</td>
        <td>第四行第四列</td>
    </tr>
</table>
表格显示为
 

<table border="1" align="left">
    <tr>
        <td colspan="4" align="center">电子产品类</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" align="center">家电类</td>
        <td colspan="2" align="center">家具类</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="3" align="center">文具类</td>
        <td >饮料类</td>
    </tr>
    <tr>
        <td>铅笔盒</td>
        <td>点读机</td>
        <td>课后题</td>
        <td>芬达</td>
    </tr>
    <tr>
        <td>计算器</td>
        <td>算珠学</td>
        <td>记忆王</td>
        <td>雪碧</td>
    </tr>
</table>


</body>
</html>
 



 

四张表格的显示为

                

        

        

    

  


    

      

        

            

              
                
                  Gumballs
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
h5表格

				
			

			

				

					qq_42035792的博客
				

				

					07-17
					
					1713
					
				

			

		

		

			
				
table表单
<table>
	<tr>
		<td>11</td>
		<td>12</td>
	</tr>
	<tr>
		<td>21</td>
		<td>22</td>
	</tr>
	<tr>
		<td>...

			
		

	



                

            
              



	

		

			

				
					
H5自定义多功能表格

				
			

			

				

					06-01
				

			

		

		

			
				
"H5自定义多功能表格"是一个专门针对数据管理与展示的解决方案，它具备多种功能，如打印、生成随机数据、汇总、数据格式化以及数据提取。这些特性使得这个表格组件在数据处理和分析时更为灵活和高效。  首先，让我们...

			
		

	



              


  
              

                


	

		

			

				
					
H5表格的例子

				
			

			

				

					wo7024389的博客
				

				

					03-24
					
					2851
					
				

			

		

		

			
				
html>
html lang="en">
head>
    meta charset="UTF-8">
    title>title>
head>
body>
table border="10" align="center" bordercolor="pink"; cellspacing="0">
    tr>
        td rowspan="8" width="100px">im

			
		

	





	

		

			

				
					
2021-08-05

				
			

			

				

					Nikolala123的博客
				

				

					08-05
					
					322
					
				

			

		

		

			
				
1.表单

 action : 要把数据提交到哪里去
    method : 提交的方式,get/post
      get : get请求方式,明文传输,相对不安全,传递数据较少,效率高
      post : post请求方式,不是明文传输,相对安全,传递数据较多,效率低

向服务器索要数据,使用get
        向服务器发送数据,使用post

name和value 用于数据提交的时候传递数据
          nam...

			
		

	



		

			
		



	

		

			

				
					
Html页面上展示Excel表格    --Handsontable

				
			

			

				

					qq_38413756的博客
				

				

					09-10
					
					3065
					
				

			

		

		

			
				
最近项目中有使用到这个插件，于是重点了解了一下，在github上有9k+的星星，虽然是收费产品，但是别急，小编有办法去掉水印呀！一起来看看吧！

首先列出它的官方文档 Handsontable，学习一个东西一定要看它的API文档哦！

其次，它的兼容性，不管你的是Vue项目，React项目、Angle...（不会拼。。。）项目、还是H5，它都是兼容的！这个不要太感动了，一起来操作一下吧！

  如果是H5项目，查看这个H5项目，别人写的很详细，效果如下图。





H5效果图...

			
		

	





	

		

			

				
					
html表格解析

				
			

			

				

					林中明月间丶
				

				

					03-16
					
					1万+
					
				

			

		

		

			
				
https://blog.csdn.net/a772116804/article/details/78836480 另一篇同文

表格的行：tr 每行中的列：td

　　表格的表头：<th></th> 默认加粗，单元格居中（居中、加粗） align="middle"

　　表格标题：caption 

　　跨列：colspan，当某个格跨n列时，colspan ="n...

			
		

	





	

		

			

				
					
【前端就业课 第一阶段】HTML5 零基础到实战（二）超链接

				
			

			

				

					1_bit 的博客
				

				

					01-24
					
					2354
					
				

			

		

		

			
				
为了不影响阅读目录在最下面
注意：手机（APP）打开，内容显示更佳，不会的私聊博主即可
想要拿代码的拉到最下面加博主即可，目录也在最下面
一、外部资源超链接
????小媛：这一节咱们学一些什么？
????1_bit：这一节咱们讲解一下超链接，超链接在第一节中我们已经有过一些了解，指当前区域（空间）或其他区域（空间）的内容。例如咱们现在做一个超链接，点击该链接跳转到某一个页面之中。
????小媛：那应该怎么做呢？
????1_bit：这个时候我们只需要使用对应的标签即可。在HTML中不同的标签有不同的功能，在

			
		

	





	

		

			

				
					
ios常用第三方总结

				
			

			

				

					CQAHF的博客
				

				

					04-12
					
					4513
					
				

			

		

		

			
				
用到的组件1、通过CocoaPods安装项目名称项目信息AFNetworking网络请求组件FMDB本地数据库组件SDWebImage多个缩略图缓存组件UICKeyChainStore存放用户账号密码组件Reachability监测网络状态DateTools友好化时间MBProgressHUD一款提示框第三方库MWPhotoBrowser一款简单的 iOS 照片浏览控件CTAssetsPicker...

			
		

	





	

		

			

				
					
iOS 常用第三方库

				
			

			

				

					晨光的博客
				

				

					06-04
					
					1万+
					
				

			

		

		

			
				
转载自：https ：//github.com/Tim9Liu9/TimLiu-iOS目录UI下拉刷新模糊效果自动版式富文本图表表相关与的TabBar隐藏与显示HUD与吐司对话框其他UI动画侧滑与右滑返回手势GIF动画其他动画网络相关网络连接图像获取网络聊天网络测试网页框架的WebView与WKWebView模型通讯录其他库数据库缓存处理PDF图像浏览及处理摄像照相视频音频处理响应式框架消息相关消...

			
		

	





	

		

			

				
					
iOS 第三方库、插件、知名博客总结

					
热门推荐

				
			

			

				

					FIGHTING的专栏
				

				

					09-29
					
					2万+
					
				

			

		

		

			
				
用到的组件
1、通过CocoaPods安装
项目名称
项目信息
AFNetworking
网络请求组件
FMDB
本地数据库组件
SDWebImage
多个缩略图缓存组件
UICKeyChainStore
存放用户账号密码组件
Reachability
监测网络状态
DateTools
友好化时间
MBProgressHUD
一款提示框第三方库
MWPhotoB

			
		

	





	

		

			

				
					
基于Javascript的H5课件第二期营销环境设计源码

				
			

			

				

					09-22
				

			

		

		

			
				
本项目是基于Javascript开发的H5课件第二期，包含41个文件，其中包括14个JPG图像文件、8个JavaScript脚本文件、6个CSS样式表文件、3个PNG图像文件、2个Markdown文档、2个LESS样式表文件、2个HTML页面文件、1个JSON...

			
		

	





	

		

			

				
					
前端基于vue移动端 H5 表格的组件 

				
			

			

				

					06-21
				

			

		

		

			
				
二、Vue移动端H5表格组件设计  1. 数据绑定：Vue通过`v-bind`指令实现数据绑定，将后台数据与表格单元格关联。例如，`<td v-for="item in items" :key="item.id">{{ item.name }}</td>`。  2. 表头定义：利用`...

			
		

	





	

		

			

				
					
H5 表格冻结首行，首列和最后一行

				
			

			

				

					02-20
				

			

		

		

			
				
页面显示表格，表格的首行冻结，首列冻结，最后一行也冻结，实现数据查看和合计查看的效果。DemoDemoDemoDemo

			
		

	





	

		

			

				
					
jQuery H5股票数据表格插件mmGrid.zip

				
			

			

				

					07-11
				

			

		

		

			
				
代码片段：      	          </div>

			
		

	





	

		

			

				
					
基于FPGA的智能车牌检测系统设计与实现

				
			

			

				

					11-08
				

			

		

		

			
				
内容概要：本文介绍了一种基于FPGA的智能车牌检测系统。该系统采用了OV5640摄像头进行图像采集，通过FPGA集成化开发环境进行图像处理，主要包括图像格式转换、图像灰度化、图像增强、边缘检测、腐蚀膨胀、投影定位等技术步骤。该系统能够在复杂环境中快速实现车牌的图像采集及定位，提高了车牌检测的效率和准确性。
适合人群：具备一定嵌入式系统和图像处理基础的研究人员和技术人员。
使用场景及目标：适用于智慧交通管理系统，尤其是停车场、高速公路、智能制造等领域，主要用于实现实时的车牌检测与识别。
其他说明：系统采用Sobel算子进行边缘检测，中值滤波进行图像增强，投影定位确定车牌位置，整体处理效率较高，适用于复杂光照条件下的车牌检测。


			
		

	





	

		

			

				
					
【java毕业设计】springbootJava学生选课系统(springboot+vue+mysql+说明文档).zip

				
			

			

				

					11-08
				

			

		

		

			
				
项目经过测试均可完美运行！

环境说明：
开发语言：java
框架：ssm
jdk版本：jdk1.8
数据库：mysql 5.7+
数据库工具：Navicat11+
管理工具：maven
开发工具：idea/eclipse
部署容器：tomcat7+

			
		

	





	

		

			

				
					
JDK-API-1-6-zh-CN

				
			

			

				

					11-08
				

			

		

		

			
				
JDK API 1.6 中文版，附使用说明

			
		

	





	

		

			

				
					
【java毕业设计】springbootJava校车管理信息系统(springboot+vue+mysql+说明文档).zip

				
			

			

				

					11-08
				

			

		

		

			
				
项目经过测试均可完美运行！

环境说明：
开发语言：java
框架：ssm
jdk版本：jdk1.8
数据库：mysql 5.7+
数据库工具：Navicat11+
管理工具：maven
开发工具：idea/eclipse
部署容器：tomcat7+

			
		

	





	

		

			

				
					
resnet模型-python语言pytorch框架训练识别动物-不含数据集图片-含逐行注释和说明文档.zip

					
最新发布

				
			

			

				

					11-08
				

			

		

		

			
				
本代码是基于python pytorch环境安装的。
下载本代码后，有个环境安装的requirement.txt文本
首先是代码的整体介绍
总共是3个py文件，十分的简便
本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可
需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置
 
然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。
 
运行01生成txt.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集
 
运行02CNN训练数据集.py,会自动读取txt文本内的内容进行训练，这里是适配了数据集的分类文件夹个数，即使增加了分类文件夹，也不需要修改代码即可训练
训练过程中会有训练进度条，可以查看大概训练的时长,每个epoch训练完后会显示准确率和损失值
 
训练结束后，会保存log日志，记录每个epoch的准确率和损失值
 
最后训练的模型会保存在本地名称为model.ckpt
 
运行03pyqt界面.py，就可以实现自己训练好的模型去识别图片了

			
		

	





	

		

			

				
					
H5表格与表单详解：复选框控件与表格模型

				
			

			

				

					
				

			

		

		

			
				
表格由`<table>`元素构成，内部包含`<caption>`（表格标题）、`<col>`和`<colgroup>`（列定义）、`<thead>`（表头）、`<tbody>`（主体）和`<tfoot>`（表尾）等子元素。表格的行用`<tr>`表示，单元格用`<td>`（普通...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值