HTML table属性你知道多少，进来了解一下？-html tutorial-php.cn

HTML table属性你知道多少，进来了解一下？在html中表格标签的使用十分广泛，对于初学者很好入手，不过也有一些属性，可以使表格的功能极大提升。应用得当，你会发现它会使页面变得清晰美观。让我们好好学习HTML table属性吧。

什么是表格&表格的作用

什么是表格：由一些被称之为单元格的矩形框按照从左到右从上到下的顺序排列到一起组成的

表格的作用：以一定的结构来显示信息的。

如何使用table表格

定义表格：

创建表行：

创建列(单元格):

注意：默认情况下，每行中的列数是统一的。

table表格的特点：

1、独占一行

2、宽度自适应(由内容来决定)

table表格属性：

属性

width：设置表格宽度
height：设置表格高度
align: 设置表格在其父元素中的水平对齐方式，取值：left,center,right
border: 边框,边框宽度，以px为单位的数值，px可以省略
cellpadding: 单元格内边距
单元格边框与内容之间的距离
cellspacing: 单元格外边距
单元格与单元格之间或者单元格与表格之间的距离
bgcolor: 背景颜色

属性

1.align: 该行的内容水平对齐方式
2.valign: 该行的内容垂直对齐方式，取值：top，middle，bottom
3.bgcolor 该行的文本颜色

作用：为表格定义标题

位置：表格正上方居中显示

                              <table>
                 <caption>标题</caption>
                 <tr>
                    <td></td>
                     <td></td>
                 </tr>
               </table>

Salin selepas log masuk

2.行标题或列标题

列标题：第一行中的每一列，加粗，水平居中的效果显示

行标题：每行里面的第一列, 加粗，水平居中的效果显示

行(列)标题:

作用与一模一样

table边框合并:

属性：border-collapse

取值：

1.separate默认值，分离边框模式

2.collapse边框合并模式

table边框边距:

1.作用:设置相邻单元格边框之间的距离(类似于cellspacing)

2.属性:border-spacing

取值：

1.取1个值:表示水平和垂直间距相等

2.取2个值:第一个值表示的水平间距

第二个值表示的垂直间距

两个值之间用空格隔开

3.要求

border-collapse必须为separate

必须为分离边框模式时有效

隐藏的显示效果:

属性： visibility:collap:se

用在表格元素上，删除一行或一列，不影响表格整个布局

【相关推荐】

html的基础元素，让你零基础学习HTML

什么是HTML文件？HTML文件的初步认识

Atas ialah kandungan terperinci HTML table属性你知道多少，进来了解一下？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

HTML table；table属性详解

sumber：php.cn

Artikel sebelumnya：HTML IMG标签的属性是有哪些？了解IMG标签的用法 Artikel seterusnya：html行内元素和块内元素分别有哪些？html行内元素和块内元素的特点介绍

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang