入门HTML之表格入门基本属性

来源：互联网发布：玉观音知乎编辑：程序博客网时间：2024/06/05 08:33

表头（用<TH>来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）

表格（用<Table>来表示，表格可以有背景颜色、背景图片）

单元格（用<TD>来表示，每个单元格可以有背景颜色和背景图片）

每一行可以用<TR>来表示，单元格放在行中，每行可以有很多的单元格。

<table> 元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格。
<tr>元素：定义表格的行，一个表格可以有多行，所以<tr>对于一个表格来说不是唯一的。
<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格，在<td>和</td>之间是单元格的具体内容。
需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。

表格的基本结构
<table>定义表格
<tr>
<th>定义表头</th>
</tr>
<tr>定义表行
<td>…</td>定义单元格
</tr>
</table>

<html><head><title>表格的基本结构</title></head><body><table border = 1><tr><td>left</td><td>right</td></tr></table></body></html>

表格的属性 –1
width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。
height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。
border属性：表格边线粗细

<html><head><title>表格的属性1</title></head><body><table border = 2><tr><td> </td><td>带边框的表格</td><td></td></tr><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table><table><tr><td>不带边框的表格</td></tr><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table></body></html>

<html><head><title>表格的属性2</title></head><body><table border = 2><tr><th></th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr><tr><td>1</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>DHTML&JavaScript</td></tr><tr><td>2</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>html</td></tr><tr><td>3</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>html</td></tr><tr><td>4</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>html</td></tr><tr></tr><tr></tr><tr><td>5</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>html</td></tr><tr><td>6</td><td>html</td><td>html</td><td>CSS</td><td>CSS</td><td>html</td></tr></table></bdoy></html>

<html><head><title>表格的属性</title></head><body text = "#0000ff"><table border = 10><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr></table><br><table><tr><th>food</th><th>drink</th><th>sweet</th></tr><tr><td>A</td><td>B</td><td>C</td></tr><table></body></html>

0 0