常见的表格

最新推荐文章于 2024-08-22 11:40:47 发布
最新推荐文章于 2024-08-22 11:40:47 发布
阅读量282 收藏
点赞数
文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mangyandashou/article/details/120239552
版权

一，常见标签：

1.thead    用于定义表格头部

2.tdody     用于表格的主体

3.tr            行列表

4.td           行内元素（列）

5.tfoot       用于定义表格底部

6.th           头部加粗

二 边框的属性：

1.border      边框     height,width(可以设置高和宽的大小)，对齐方式align

2.bgcolor     背景颜色

3.background      背景图片

4.cellpadding       表格边距

5.cellspacing        表格间距

3.单元格

1.colspan      水平方向合并的是列

2.rowspan     垂直方向合并的是行

4.普通表格的嵌套：

<table width="xxx" border="1">
 <tr>
   <td>&nbsp;</td> 
   <td> 
      <table width="100" border="1" align="center"> 
 <tr>
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
 </tr> 
      </table> 
   </td> 
 </tr> 
</table>
 

五、表格和表单的结合

列子如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<strong>
    <table  align="center" >
    <form action="" method="post">
        <tr align="center" bgcolor="#C0C0C0">
            <th colspan="2">用户注册</th>
        </tr>
        <tr bgcolor="#DDDDDD">
            <th width="90" align="right">用户名</th>
            <td width="170"><input type="text" name="UserName" style="width:100px"></td>
        </tr>//style="width:100px"作用：设置文本框的长度大小
        <tr bgcolor="#DDDDDD">
            <th width="90" align="right">密码</th>
            <td width="170"><input type="password" name="UserPassword" style="width:100px" required="UserPassword" ></td>
        </tr>
        <tr bgcolor="#DDDDDD">
            <th width="90" align="right">性别</th>
            <td width="170"><input type="radio" value="男" name="gender" checked="">男
            <input type="radio" value="女" name="gender">女</td>
        </tr>
        <tr bgcolor="#DDDDDD">
            <th width="90" align="right">爱好</th>
            <td width="170"><input type="checkbox" value="写作" name=" like">写作
            <input type="checkbox" value="写作" name=" like">听音乐
            <input type="checkbox" value="写作" name=" like">体育</td>
        </tr>
        <tr bgcolor="#DDDDDD">
        <th width="90" align="right">省份</th>
        <td><select style="width:70px">
            <option value="北京省" name="province">北京省</option>
            <option value="上海省" name="province">上海省</option>
            <option value="陕西省" name="province" selected="">陕西省</option>
            <option value="四川省" name="province">四川省</option>
            <option value="重庆省" name="province">重庆省</option>
            <option value="河北省" name="province">河北省</option>
        </select></td>
        </tr>
        <tr bgcolor="#DDDDDD">
            <th width="90" align="right">自我介绍</th>
            <td width="170"><textarea name="intro" cols="25" rows="5" >这个家伙什么也没留
下</textarea> </td>
        </tr>
        <tr align="center" bgcolor="#C0C0C0">
            <td colspan="2">
            <input type="submit" name="send" value="提交">
            <input type="reset" name="reset" value="重置"> </td>
        </tr>
        </form>
    </table>
    </strong>
</body>
</html>

mangyandashou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML- table表格的使用，常见表格标签的使用汇总，表格合并规则，跨行合并与跨列合并
weixin_44486539的博客
09-26 1841
以前表格主要是用来布局、显示数据，随着技术的更新迭代表格布局逐渐被淘汰，现多用于展示数据 表格通过 table 标签来定义，一个完整的表格包含表格的 caption（标题）、tr（行）、td（列）、thead（表头）、th（表头单元格）、tbody（主体内容）、tfoot（表格页脚） 表格基本结构 <table> <!-- 定义表格的标题 --> <ca...
表格
xiao22325的博客
11-11 1189
首页博客学院 下载论坛图文课问答商城活动专题招聘ITeyeGitChat APP VIP会员续费8折 疯狂Python精讲 写博客 3 原创 HTML 表格元素 2017-10-09 16:08:13 xiaoxiaobukuang 阅读数 375更多 分类专栏： HTML5 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：htt...
C语言之常见表格汇总
Grit的博客
01-22 2701
整型数据类型： 类型 存储大小 值范围 char 1 字节 -128 到 127 或 0 到 255 unsigned char 1 字节 0 到 255 signed char 1 字节 -128 到 127 int 2 或 4 字节 -32,768 到 32,767 或 -2,147,483,648 到 2,147,483,647 unsigned int 2 或 4 字节 0 到 65,535 或 0 到 4
Word表格常见设置汇总
weixin_46236212的博客
12-23 2519
Word表格常见设置汇总,总结一些Word中常用的关于表格的设置问题。
表格(一)
qq_44721518的博客
09-07 185
表格应一行行来看，在<tr>里嵌套<th>与<td>如 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <!--link rel="stylesheet" type="text/css" href="Untitled2.css"-.
常见HR表格打包
05-22
"D:\user\Desktop\常见HR表格打包\其他表格" "D:\user\Desktop\常见HR表格打包\人力资源表格【绩效管理类】" "D:\user\Desktop\常见HR表格打包\人力资源表格【加班与考勤】" "D:\user\Desktop\常见HR表格打包\人力...
超酷表格支持库
07-24
6. **导出与导入**：支持从常见表格格式（如CSV、Excel）导入和导出数据，方便数据交换和备份。 7. **API与集成**：为开发者提供丰富的API，以便在其他应用程序中轻松集成表格功能，进行自定义开发。 8. **扩展性*...
200个常见Excel表格操作指南
04-16
1.如何显示或隐藏屏幕提示？ 单击按钮，在弹出的下拉菜单中单击“Excel选项”按钮，在弹出的“Excel选项”对话框中，单击“常用”选项，在“使用Excel时采用的首选项”选项组中的“屏幕提示样式”下拉列表中，选择所...
表格删除线
09-14
在IT行业中，表格是一种常见的数据展示和管理工具，广泛应用于网页、软件以及各种文档中。在处理表格时，有时我们可能需要对某些行或列进行删除，并清晰地表示出这些被删除的部分，以便于审阅或追溯。"表格删除线...
表格数据导出
01-16
在IT领域，表格数据导出是一项常见的操作，尤其在数据分析、报表制作以及信息管理中扮演着重要角色。这里我们将深入探讨导出表格数据的过程、涉及的文件格式以及使用Excel进行导出的相关知识。 1. **表格数据导出**...
HTML5简洁的通用网站模板源码
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
08-19 712
HTML5简洁的通用网站模板源码，各行各业的网站源码，文字源码大作业网站源码，毕业设计网站源码，通用模板，网站源码，布局规整，色彩鲜明，导航菜单，轮播图（可自定义内容），图文结合，滚动信息，信息表单，描点跳转，整体风格简洁，内容丰富，各种风格都有，兼容性强，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
404炫酷单页面html5源码
爱酷码的博客
08-22 202
404炫酷单页面html5源码，感觉应该符合一些人的感觉！可以用来做404页面。记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面。
html转vue项目
qq_38880880的博客
08-19 322
总结来说，将HTML代码转换为Vue需要引入Vue框架并编写Vue组件，使用Vue的数据绑定和事件绑定语法实现页面的动态更新。当我们点击"Change Name"按钮时，changeName方法会被调用，将name属性的值改为"Vue.js"。在Vue的data选项中，我们定义了一个name属性，并将其初始值设为"Vue"。除了简单的数据绑定和事件绑定外，Vue还提供了丰富的指令和组件库，用于构建更复杂的用户界面。通过使用这些特性，我们可以将HTML代码转换为更加动态和交互的Vue应用。
响应式Web设计：纯HTML和CSS的实现技巧
vvvae1234的博客
08-18 762
互联网已经成为人们日常生活中不可或缺的一部分，随着移动设备的普及，用户访问网站的方式也发生了巨大变化。因此，响应式Web设计（Responsive Web Design, RWD）应运而生。它的目标是使Web页面能够根据不同设备屏幕的大小和分辨率自动调整布局，以提供最佳的用户体验。本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。
理解现代前端开发：从HTML到React的进化之路
qq_62512874的博客
08-18 718
随着互联网的不断发展，前端开发已经经历了从静态页面到复杂单页应用（SPA）的转变。作为前端开发者，我们需要不断更新知识，掌握最新的技术栈，以应对日益复杂的开发需求。本篇文章将带你从前端的基础知识逐步深入，探索现代前端开发的关键技术，包括HTML、CSS、JavaScript，以及流行的框架如React。前端开发是一个不断演进的领域，新的工具和框架层出不穷。通过不断学习和实践，我们可以掌握最新的前端技术，构建高效、美观且功能丰富的现代Web应用。
Java学习Day33：HTML 第三章：挟魂崖
weixin_51721783的博客
08-21 715
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。
原神4.8版本重点培养和抽到角色数据表：修改了添加倒计时.隐藏了抽到角色数据表删除按钮、备注列和选择列
最新发布
lulei5153的博客
08-22 160
当用户修改某个字段（等级、命座、天赋）时，不仅更新当前表格的数据，还会找到另一个表格中对应的角色，并更新其数据。最后，重新渲染两个表格以显示最新的数据。这样可以确保两个表格的数据始终保持一致。
响应式 Web 设计：纯 HTML 和 CSS 的实现技巧
windowshht的博客
08-22 659
响应式 Web 设计是现代网页开发的重要组成部分，能够为用户提供一致的体验。通过使用纯 HTML 和 CSS，您可以实现灵活的布局、适应不同设备的图像和样式。本文介绍的技巧和示例将帮助您在项目中有效地应用响应式设计。希望您能在实践中不断探索和优化，创造出更好的用户体验。如需深入了解响应式设计的更多内容，建议参考相关书籍和在线资源，持续学习和实践。
【HTML】从0开始构建HTML页面
weixin_51649465的博客
08-20 934
在网页中小图片或网页基本元素如图标、按钮等考虑使用GIF或PNG-8格式图像，半透明图像考虑使用真色彩PNG格式（一般指PNG32），色彩丰富的图片则考虑使用JPG格式，动态图片可以考虑使用GIF格式。
"2021水利设施行业财务表格模板汇总及各行业范例
这些表格模板不仅包括了固定资产保管记录表、固定资产报废表和固定资产报修单等常见表格，还涵盖了其他与财务管理相关的内容。通过这些模板，财务部门可以更加方便地记录固定资产的保管情况、报废情况以及修理情况，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值