JavaWeb第二章HTML与CSS网页03

来源：互联网发布：java如何引用别的类编辑：程序博客网时间：2024/05/01 06:40

表格标记

表格是网页中重要的组成元素。表格用来存储数据。表格包含标题、表头、行和单元格。

在HTML页面中定义表格，需要学会以下几个标记。

1、表格标记<table>

<table>..</table>标记表示整个表格。<table>标记中有很多属性，例如width属性用来设置表格的宽度，border属性用来设置表格的边框，align属性用来设置表格的对齐方式，bgcolor属性用来设置表格的背景色。

2、标题标记<caption>

标题标记以<caption>开始，以</caption>结束，标题也有一些属性，例如align、valign等

3、表头标记<th>

表头标记以<th>开头，以</th>结束，也可以通过align、background、colspan、valign等属性来设置表头

4、表格行标记

表格行标记以<tr>开始，以</tr>结束，一组<tr></tr>标记表示表格中的一行。<tr>标记要在<table>标记中使用，该标记也具有align、background等属性

5、单元格标记<td>

单元格标记又成为列标记，一个<tr>标记中可以有若干<td>标记，该标记也有background、valign等属性

小案例：

在页面中定义学生成绩单

<html>  <head>

    <title>    表格标记    </title>
  </head>  <body>  <table width="318" height="167" border="1" align="center">  <caption> 学生考试成绩单 </caption>  <tr>    <td align="center" valign="middle">姓名</td>    <td align="center" valign="middle">语文</td>    <td align="center" valign="middle">数学</td>    <td align="center" valign="middle">英语</td>  </tr> <tr>    <td align="center" valign="middle">张三</td>    <td align="center" valign="middle">89</td>    <td align="center" valign="middle">92</td>    <td align="center" valign="middle">87</td>  </tr>  <tr>    <td align="center" valign="middle">李四</td>    <td align="center" valign="middle">93</td>    <td align="center" valign="middle">86</td>    <td align="center" valign="middle">80</td>  </tr> <tr>    <td align="center" valign="middle">王五</td>    <td align="center" valign="middle">83</td>    <td align="center" valign="middle">94</td>    <td align="center" valign="middle">86</td>  </tr>  </table>  </body></html>

网页:

阅读全文

0 0