JavaWeb第二章HTML与CSS网页03

最新推荐文章于 2024-07-16 22:55:36 发布

柳橙青芒

最新推荐文章于 2024-07-16 22:55:36 发布

阅读量257

点赞数

分类专栏： JavaWeb从入门到精通文章标签： HTML与CSS网页开发基础

本文链接：https://blog.csdn.net/qq_36771265/article/details/78252786

版权

JavaWeb从入门到精通专栏收录该内容

7 篇文章 0 订阅

订阅专栏

表格标记

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

在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>


网页: