HTML之表格

素颜马尾好姑娘i 2022-06-04 08:54 245阅读 0赞

（1）在HTML中，表格是用<table>元素定义的，如下所示：

<table border="n" align="alignment" bgcolor="clr">...</table>

border：定义表格边框的宽度，n可以使从0开始的整数，如果设置border=0，那么表格边框没有宽度，border属性默认为0。

align：设定表格的对齐方式，alignment可以使left、center、right。

bgcolor：指定表格的背景色。

（2）<caption>元素用于定义表格的标题，如下所示：

<caption>...</caption>

（3）<tr>元素在表格中添加一个新行，如下所示：

<tr align="alignment" valign="alignment">...</tr>

align：指定这一行在水平方向上的对齐方式，alignment可以取left、center、right。

valign：指定这一行在垂直方向上的对齐方式，alignment可以取top、middle、bottom。

（4）<th>元素用于定义表头，如下所示：

<th>...</th>

（5）<td>元素用于定义单元格，如下所示：

<td>...</td>

举例如下：

<html>
    <head><title>表格的例子</title></head>
    <body>
    <table border="1" align="center" bgcolor="#ffdddd">
    	<caption>2000年度期末考试成绩单</caption>
    	<tr align="center" valign="middle">
    		<th>姓名</th>
    		<th>语文</th>
    		<th>数学</th>
    		<th>英语</th>
    	</tr>
    	<tr align="center" valign="middle">
    		<td>张三</td>
    		<td>98</td>
    		<td>99</td>
    		<td>90</td>
    	</tr>
    </table>
    </body>
    </html>

表格效果如下：

![20171209153758848][]

感谢您的阅读~

[20171209153758848]: /images/20220604/12d58a4d4e4b49c6a623b195a4e471cc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML表格

一、表格结构：<table>......</table> ![f80120be9b6943d1b4cedc7882934716.png][] 二、示例： ![c0f6f1

分手后的思念是犯贱/ 2024年04月01日 15:20/ 0 赞/ 114 阅读

相关 HTML表格

<html lang="en"> <head> <meta charset="UTF-8"> <title>表格的定义</tit

超、凢脫俗/ 2023年01月20日 04:54/ 0 赞/ 234 阅读

相关 html标签之表格标签

HTML表格组成: 由`<table>`标签以及一个或多个`<tr>`、`<th>`或`<td>`标签： `<table>`标签：用来定义表格，整个表格包含在`<

落日映苍穹つ/ 2022年12月27日 04:41/ 0 赞/ 324 阅读

相关 HTML 表格

目录 1. 创建表格 2. 表格属性 3. 表头单元格标签th 4. 表格标题capt

谁借莪１个温暖的怀抱￠/ 2022年12月26日 08:27/ 0 赞/ 298 阅读

相关 (4)表格的html标签,html标签之表格标签

HTML表格组成: 由 <table> <tbody> <tr> <th>或</th> <td>标签：标签中；</td> </tr> <

叁歲伎倆/ 2022年10月19日 15:56/ 0 赞/ 320 阅读

相关 HTML之表格

（1）在HTML中，表格是用<table>元素定义的，如下所示： <table border="n" align="alignment" bgcolor="clr">...<

素颜马尾好姑娘i/ 2022年06月04日 08:54/ 0 赞/ 246 阅读

相关 HTML复习之用HTML创建表格

今日目录 1、表格的基本结构 2、合并表格 3、用 align 属性设置对齐方式

悠悠/ 2022年05月25日 08:46/ 0 赞/ 246 阅读

相关 html表格

通过设置table的border-collapse属性，明显改善表格样式。 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 H

左手的ㄟ右手/ 2021年10月23日 21:36/ 0 赞/ 471 阅读

相关 html--表格

html--表格 1.表格的基本构成 1.1任务描述 1.2相关知识代码文件 2.表格的属性——宽、高

向右看齐/ 2021年05月16日 20:37/ 0 赞/ 697 阅读

相关 HTML--表格

1.表格的标题任务描述本关任务：添加一个表格标题，内容为科目成绩。实现的效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3

拼搏现实的明天。/ 2021年05月16日 20:37/ 0 赞/ 624 阅读