简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

HTML 表格

HTML 表格

表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

下面是一个例子：

   Table in html 

  
水平表头
 
 
 Name Age Gender 
 
 zdd 30 male 
 
 
垂直表头
 
 
 Name autumn 
 
 Age 30 
 
 Gender famale

尝试一下

无边框表格

如果在定义表格时，没有指定border属性，那么表格就没有边框




zdd30
ddz27


空单元格

如果没有为单元格指定内容，那么单元格将是空的，且没有边框

如果解决呢？方法是给空的单元格加上空格，由于html忽略多余的空格，所以我们不能直接加空格，而要加   nbsp表示non-breaking space。



20
zdd30
 


带标题的表格

使用caption属性，但是好像标题中不能有空格，否则显示的时候会换行！太扯了吧？





我的表格
zdd30
 20

跨行或者跨列表格

用colspan跨行




姓名电话
Bill Gates555 77 854555 77 855

用rowspan跨列





姓名Bill Gates
电话555 77 854
555 77 855

HTML 表格表头

表格的表头使用

标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本：














Header 1Header 2
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2


Formation continue
||
php.cn

背景颜色：

First Row
Second Tom
soumettre Réinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)491081 joue
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！