HTML之table表格详细介绍

傷城~ 2022-04-25 03:14 279阅读 0赞

**html中 < table>标签中常用属性：**

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>border</td> 
   <td>定义表格的边框，设置值是数值</td> 
  </tr> 
  <tr> 
   <td>cellpadding</td> 
   <td>定义单元格内容与边框的距离，设置值是数值</td> 
  </tr> 
  <tr> 
   <td>cellspacing</td> 
   <td>定义单元格与单元格之间的距离，设置值是数值</td> 
  </tr> 
  <tr> 
   <td>align</td> 
   <td>设置整体表格相对于浏览器窗口的水平对齐方式，设置值有: left | center | right</td> 
  </tr> 
 </tbody> 
</table>

**table 标签中的子标签：**

<table> 
 <thead> 
  <tr> 
   <th>标签</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; tr &gt;标签</td> 
   <td>定义表格中的一行</td> 
  </tr> 
  <tr> 
   <td>&lt; td &gt;标签</td> 
   <td>定义一行中的一个单元格，td代表普通单元格</td> 
  </tr> 
  <tr> 
   <td>&lt; th &gt;标签</td> 
   <td>定义一行中的一个单元格，th代表表头单元格</td> 
  </tr> 
 </tbody> 
</table>

**< td > 和 < th > 标签中的常用属性：**

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>align</td> 
   <td>设置单元格中内容的水平对齐方式，设置值有: left | center | right</td> 
  </tr> 
  <tr> 
   <td>valign</td> 
   <td>设置单元格中内容的垂直对齐方式 top | middle | bottom</td> 
  </tr> 
  <tr> 
   <td>colspan</td> 
   <td>设置单元格水平合并，设置值是数值</td> 
  </tr> 
  <tr> 
   <td>rowspan</td> 
   <td>设置单元格垂直合并，设置值是数值</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，279人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML表格（table）实例

> 实例1：课程表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

刺骨的言语ヽ痛彻心扉/ 2023年10月17日 22:56/ 0 赞/ 68 阅读

相关 HTML table表格详解

一、表格属性 <table style="width:500px;"> <tbody> <tr> <td style="text-align:cente

本是古典何须时尚/ 2023年10月12日 10:29/ 0 赞/ 41 阅读

相关 VUE layui之table数据表格使用详细说明

步骤：一：[layui官网下载包][layui] ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow

本是古典何须时尚/ 2022年09月10日 07:18/ 0 赞/ 544 阅读

相关 HTML表格table

什么是表格？表格是由行和列排列而成的一种结构，按照行和列呈现数据，从而进行页面布局。这种布局方式已经过时。建议使用div+css实现页面布局。如何创建HTML表格：H

淡淡的烟草味﹌/ 2022年05月15日 00:30/ 0 赞/ 382 阅读

相关 HTML5-从0开始学习之table表格

这次我们来学习制作网页中的表格，表格标签用<table>标签使用。接下来我们用一个例子来展示表格的效果。 <body> <table border

谁借莪１个温暖的怀抱￠/ 2022年05月03日 03:28/ 0 赞/ 224 阅读

相关 HTML之table表格详细介绍

html中 < table>标签中常用属性： <table> <thead> <tr> <th>属性</th> <th>功能</th> </t

傷城~/ 2022年04月25日 03:14/ 0 赞/ 280 阅读

相关好看html表格table样式

<style type="text/css"> table{ border-collapse:collapse; tabl

悠悠/ 2021年11月09日 23:34/ 0 赞/ 3400 阅读

相关 html中关于table的简单介绍合并表格等

表格结构 tr:table row th:table head td:table date 表格完整结构： table 内3个子级 thead:语义化

男娘i/ 2021年09月15日 13:34/ 0 赞/ 404 阅读

相关 HTML table表格结构

表格基本上有如下几个标签构成: （1）.`<table>`标签用来创建表格的外部框架。（2）.`<tr>`标签用来创建表格的行。

小灰灰/ 2020年05月16日 20:11/ 0 赞/ 994 阅读

相关 HTML <table>表格概述

使用`<table>`可以创建一个表格，之前，表格会用来进行页面布局，但是由于嵌套过于复杂，不利于灵活布局和后期改版，当前已经鲜有使用，不要认为它已经被淘汰，而是被用来...

小灰灰/ 2020年05月16日 20:07/ 0 赞/ 980 阅读