HTML表是用标记定义的。每个表行都用标记定义。表头是用

标记定义的。默认情况下，表标题为粗体和居中。表数据/单元格用

标记定义。如果没有为表格指定边框，它将显示为无边框以上CSS代码定义了表格的边框样式，1px表示宽度，solid表示实线，black表示边框颜色。注：CSS详细内容会在下一次实验中涉及，本次实验只需要了解基本使用方式，CSS样式代码需要放在

HTML Table

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Centro comercial Moctezuma	Francisco Chang	Mexico
Ernst Handel	Roland Mendel	Austria
Island Trading	Helen Bennett	UK
Laughing Bacchus Winecellars	Yoshi Tannamuri	Canada
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

table, th, td { border: 1px solid black; }

Bordered Table

Use the CSS border property to add a border to the table.

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	80

table, th, td { border: 1px solid black; border-collapse: collapse; } th { text-align: left; } table { border-spacing: 5px; }

Name	Telephone
Bill Gates	55577854	55577855

Name:	Bill Gates
Telephone:	55577854
Telephone:	55577855

Monthly savings
Month	Savings
January	$100
February	$50

Firstname	Lastname	Age
Eve	Jackson	94

table#t01 { width: 100%; background-color: #f1f1c1; } table#t01 tr:nth-child(even) { background-color: #eee; } table#t01 tr:nth-child(odd) { background-color: #fff; } table#t01 th { color: white; background-color: black; }

ISBN	Title	Price
3476896	My first HTML	$53

The colgroup element

ISBN	Title	Price
3476896	My first HTML	$53
5869207	My first CSS	$49

Month	Savings
January	$100
February	$80
Sum	$180

![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1374806-20200505-1588684304204) ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1374806-20200505-1588684311496) ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1374806-20200505-1588684319570)

“Web开发基础”实验报告