null - 程序员宅基地

表格标签table的使用_<table>使用-程序员宅基地

表格(table)

组成：

行 <tr></tr>
列 <td></td>也叫单元格
容器 <table></table>

作用：

1.数据展示
2.网页布局

属性：

border：设置边框默认为0
height: 设置高度
width：设置宽度
cellspacing: 设置单元格和单元格之间的距离
cellpadding: 设置单元格内容与边框之间的距离
align:设置水平对齐方式 left | center | right
bgcolor: 设置背景颜色
总结：
1.如果如果将align属性设置给table标签，那么只能改变table标签的对齐方式，不能改变其内容的对齐方式
2.如果希望设置表格中的内容对齐方式，那么该属性要设置给tr或者td
<th></th> 设置表格标题，用法与td一样
<caption></caption> 设置表格表头

表格基本的结构

<table>
<thead>
    <tr>
       <th></th>
    </tr>
</thead>
<tbody>
   <tr>
     <td></td>
   </tr>
</tbody>
<tfoot>
   <tr>
      <td></td>
   </tr>
</tfoot>
</table>

合并单元格

横向合并

		 colspan=“数字”
		 注意：
			  合并完单元格后要记得将多出的列删掉

纵向合并

	  rowspan=“数字”
	  注意：
		 合并完单元格后要记得将多出的行删掉

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签table的使用</title>
</head>
<body>
<table border="1" align="center" width="300" height="300" cellspacing="0">
    <caption>人员表</caption>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>婚姻状况</th>
    </tr>
    <tr>
        <td>张三</td>
        <td colspan="2">19</td>
<!--        <td>男</td>-->
        <td>未婚</td>
    </tr>
    <tr>
        <td>李四</td>
        <td rowspan="2">20</td>
        <td colspan="2" rowspan="2">男</td>
<!--        <td>未婚</td>-->
    </tr>
    <tr>
        <td>翠花</td>
<!--        <td>20</td>-->
<!--        <td colspan="2">女</td>-->
<!--        <td>未婚</td>-->
    </tr>
</table>
</body>
</html>

效果如下

在这里插入图片描述

本文链接：https://blog.csdn.net/dwjdj/article/details/104011999

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux devkmem 源码,linux dev/mem dev/kmem实现访问物理/虚拟内存-程序员宅基地

文章浏览阅读451次。dev/mem: 物理内存的全镜像。可以用来访问物理内存。/dev/kmem: kernel看到的虚拟内存的全镜像。可以用来访问kernel的内容。调试嵌入式Linux内核时，可能需要查看某个内核变量的值。/dev/kmem正好提供了访问内核虚拟内存的途径。现在的内核大都默认禁用了/dev/kmem，打开的方法是在 make menuconfig中选中 device drivers --> ..._dev/mem 源码实现

vxe-table 小众但功能齐全的vue表格组件-程序员宅基地

文章浏览阅读7.1k次，点赞2次，收藏19次。vxe-table，一个小众但功能齐全并支持excel操作的vue表格组件_vxe-table

（开发）bable - es6转码-程序员宅基地

文章浏览阅读62次。参考：http://www.ruanyifeng.com/blog/2016/01/babel.htmlBabelBabel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item..._让开发环境支持bable

FPGA 视频处理 FIFO 的典型应用_fpga 频分复用视频-程序员宅基地

文章浏览阅读2.8k次，点赞6次，收藏29次。摘要：FPGA视频处理FIFO的典型应用，视频输入FIFO的作用，视频输出FIFO的作用，视频数据跨时钟域FIFO，视频缩放FIFO的作用_fpga 频分复用视频

R语言：设置工作路径为当前文件存储路径_r语言设置工作目录到目标文件夹-程序员宅基地

文章浏览阅读575次。【代码】R语言：设置工作路径为当前文件存储路径。_r语言设置工作目录到目标文件夹

background 线性渐变-程序员宅基地

文章浏览阅读452次。格式：background: linear-gradient(direction, color-stop1, color-stop2, ...);<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner>] ,]? &l..._background线性渐变

随便推点

【蓝桥杯省赛真题39】python输出最大的数中小学青少年组蓝桥杯比赛算法思维python编程省赛真题解析-程序员宅基地

文章浏览阅读1k次，点赞26次，收藏8次。第十三届蓝桥杯青少年组python编程省赛真题一、题目要求（注：input（）输入函数的括号中不允许添加任何信息）1、编程实现给定一个正整数N，输出正整数N中各数位最大的那个数字。例如:N=132，则输出3。2、输入输出输入描述：只有一行，输入一个正整数N输出描述：只有一行，输出正整数N中各数位最大的那个数字输入样例：

网络协议的三要素-程序员宅基地

文章浏览阅读2.2k次。一个网络协议主要由以下三个要素组成：1.语法数据与控制信息的结构或格式，包括数据的组织方式、编码方式、信号电平的表示方式等。2.语义即需要发出何种控制信息，完成何种动作，以及做出何种应答，以实现数据交换的协调和差错处理。3.时序即事件实现顺序的详细说明，以实现速率匹配和排序。不完整理解：语法表示长什么样，语义表示能干什么，时序表示排序。转载于:https://blog.51cto.com/98..._网络协议三要素csdn

The Log: What every software engineer should know about real-time data's unifying abstraction-程序员宅基地

文章浏览阅读153次。主要的思想，将所有的系统都可以看作两部分，真正的数据log系统和各种各样的query engine所有的一致性由log系统来保证，其他各种query engine不需要考虑一致性，安全性，只需要不停的从log系统来同步数据，如果数据丢失或crash可以从log系统replay来恢复可以看出kafka系统在linkedin中的重要地位，不光是d..._the log: what every software engineer should know about real-time data's uni