html < table>表格标签笔记

原创 PHP笔记  2017-08-30 21:50  阅读 2,847 views 次

<table>标签定义及用法

在html中,<table>标签是用来定义html表格html表格包括了<table>标签、 <tr>标签、<th>标签以及<td>标签。<tr>标签定义表格行,<th>标签定义表头,<td>标签定义表格单元。

<table>标签基本属性

  • align :表格相对周围元素的对齐方式(值:left、center、right)。
  • bgcolor:表格的背景颜色(值:rgb(x,x,x)、#xxxxxx、colorname) 。
  • border:表格单元是否拥有边框(值:数字)。
  • cellpadding:单元边沿与其内容之间的空白(值:pixels)。
  • cellspacing:单元格之间的空白(值:pixels)。
  • frame:外侧边框的哪个部分是可见的(值:void、above、below、hsides、lhs、rhs、vsides、box、border)。
  • rules :内侧边框的哪个部分是可见的(值:none、groups、rows、cols、all)。
  • summary:表格的摘要(值:text)。
  • width:表格的宽度(值:pixels、%)。

<table>标签支持html全局属性和html事件属性

格式:

<table border="1">
<tr>
<td>...</td>
......
</tr>
......
</table>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< table>表格标签笔记</title>
</head>
<body>
<table border="1">
<tr><th>学号</th>
<th>姓名</th>
<th>成绩</th></tr>
<tr><td>1</td>
<td>张三</td>
<td>80</td></tr>
<tr><td>2</td>
<td>李四</td>
<td>90</td></tr>
</table>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-table-2.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情