简体中文(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


지속적인 학습
||
php.cn

背景颜色：

First Row
Second Tom
제출하다 코드 재설정
이전 섹션 다음 섹션
튜토리얼 목록
도움을 받다
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~

이 강좌를 시청한 학생들도 학습하고 있습니다.

최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)491090회 재생
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！