html表格占位符,HTML表格

ゝ一纸荒年。 2022-10-05 13:00 389阅读 0赞

内容

表格格式

常用属性

快捷键生成表格

单元格合并

标题

列分组标签

表格格式

<table> 
 <tbody> 
  <tr> 
   <th>Header</th> 
  </tr> 
  <tr> 
   <td>Data</td> 
  </tr> 
 </tbody> 
</table>

table：表格标签

tr：行(一个tr表示一行)

td：列(一个td代表一列)

th：表头

【注】如果不按照格式，即内容没有写在td标签内，则视为基本文本，tr标签将失效。

常用属性

常用属性

border：边框【只能修饰table标签】

cellspace：单元格间距【只能修饰table标签】

cellpadding：单元格内容与边框的边距【只能修饰table标签】

height：行高【只能在tr上设置】

width：列宽【只能在td上设置】

【注】同时设置了多个tr、td，但只取值最高的，所以只设置一个就可以。

bgcolor：设置背景颜色，对于table、tr、td，都可以使用。

bordercolor：边框颜色【只能在table标签上设置】

background：背景图片【只能在table标签上设置】

【注】同时使用了bgcolor，那么bgcolor会失效。

valign：top\\middle\\bottom，设置内容上中下显示【在tr和td中使用】

align：left\\center\\right，设置内容左中右显示【table、tr和td中都使用】

快捷创建

table\[border="1px" cellspace="0"\]>tr\[height=40px\]\*3>td\[width="40"\]\{$\}\*4

按Tab键直接创建，属性用\[ \]，数量用\*n，内容用\{ \}，$占位符，会自动补上序号，从0开始。如果加的是&&，那么序号从01开始。

块选操作：Alt + 鼠标拖动

单元格合并

colspan=“n"：列合并，要将多余的删除掉，【td】中使用

rowspan=”n"：行合并，要将多余的删除掉，【td】中使用

<table>  标题  
 <tbody> 
  <tr> 
   <td></td> 
   <td colspan="2"></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td colspan="2"></td> 
  </tr> 
 </tbody> 
</table>

![5918a6e88760][]

QQ截图20200528210327.png

标题

caption

<table>  标题  
 <tbody> 
  <tr> 
   <td>1</td> 
   <td>2</td> 
  </tr> 
 </tbody> 
</table>

表格补充

表格结构

thead：页眉

tbody：主体

tfood：页脚

th与td的区别是th自带加粗居中的效果

【注】一般不用页眉，主体，页脚标签

列分组标签

colgroup

【注】n 代表要同时操作的多少列，

是单标签

[5918a6e88760]: /images/20221005/913710e42a404e50ae2cc122fdfb9f05.png

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML空格占位符汇总

. （常用）不换行空格，全称No-Break Space，它是按下space键产生的空格。空格不会累加（只显示一个）。使用html表示才会累加，该空格占据宽...

清疚/ 2024年04月17日 19:35/ 0 赞/ 31 阅读

相关 HTML表格

一、表格结构：<table>......</table> ![f80120be9b6943d1b4cedc7882934716.png][] 二、示例： ![c0f6f1

分手后的思念是犯贱/ 2024年04月01日 15:20/ 0 赞/ 40 阅读

相关 HTML表格

<html lang="en"> <head> <meta charset="UTF-8"> <title>表格的定义</tit

超、凢脫俗/ 2023年01月20日 04:54/ 0 赞/ 188 阅读

相关 HTML 表格

目录 1. 创建表格 2. 表格属性 3. 表头单元格标签th 4. 表格标题capt

谁借莪１个温暖的怀抱￠/ 2022年12月26日 08:27/ 0 赞/ 233 阅读

相关 html表格占位符,HTML表格

内容表格格式常用属性快捷键生成表格单元格合并标题列分组标签表格格式 <table> <tbody> <tr> <th>Heade

ゝ一纸荒年。/ 2022年10月05日 13:00/ 0 赞/ 390 阅读

相关 html 在线表格制作,HTML 表格

HTML 表格表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些由行列组成的布局，就叫表格，表格是 table 标签来定义的。 HTM

左手的ㄟ右手/ 2022年10月05日 10:51/ 0 赞/ 541 阅读

相关 html表格

通过设置table的border-collapse属性，明显改善表格样式。 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 H

左手的ㄟ右手/ 2021年10月23日 21:36/ 0 赞/ 402 阅读

相关 HTML-表格

HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。实例本例演示如何在

清疚/ 2021年10月15日 20:43/ 0 赞/ 378 阅读

相关 html--表格

html--表格 1.表格的基本构成 1.1任务描述 1.2相关知识代码文件 2.表格的属性——宽、高

向右看齐/ 2021年05月16日 20:37/ 0 赞/ 622 阅读

相关 HTML--表格

1.表格的标题任务描述本关任务：添加一个表格标题，内容为科目成绩。实现的效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3

拼搏现实的明天。/ 2021年05月16日 20:37/ 0 赞/ 559 阅读