本文已参与「新人创作礼」活动，一起开启掘金创作之路。
目录（8、表格-定义和用法、基本结构（table、tr、td））
一、前言
上一篇文章我整理以前的知识是：列表-实际应用-嵌套列表-分级菜单，详细可参考博文 [web快速入门之基础篇-html：7、列表-实际应用-嵌套列表] 这篇文章我将整理知识：表格-定义和用法、基本结构
二、实例演示
实例代码
我们先来看看一个例子，如下代码：01_table、tr、td.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>这是title标题</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<table>
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
</tr>
</table>
</body>
</html>
效果演示
用谷歌浏览器打开运行，效果如下：
编辑
三、知识点说明
1、表格的定义和用法
table 标签
标签定义 HTML 表格
tr 标签
元素定义表格行
td 标签
元素定义表格单元（列）
2、表格的基本结构
| aaa | bbb |
| ccc | ddd |
目录（表格-常用属性：border、width、height）
一、前言
上一篇文章我整理以前的知识是：表格-定义和用法、基本结构，详细可参考博文 【web快速入门之基础篇-html：8、表格-定义和用法、基本结构】 这篇文章我将整理知识：表格-常用属性
二、实例演示
实例代码
我们先来看看一个例子，如下代码：02_border、width、height.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>这是title标题</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<h3>---表格常用属性：border、width、height---</h3>
<table border="1" width="300" height="250">
<tr>
<td>a</td>
<td>abc</td>
</tr>
<tr>
<td>c</td>
<td>cde</td>
</tr>
</table><br/>
</body>
</html>
常用属性：border/width/height
border: 边框 width：宽 height：高
三、效果演示
1、border、width、height 基本效果
用谷歌浏览器打开运行，效果如下：
编辑
2、根据文字内容来分配宽度
它根据文字内容来分配宽度，如第一行的第一列改为“abc”，那么它将进行均分，如下图
编辑
3、border 效果
我们把 border 属性的值由“1”改为“10”，效果如下：
编辑
