HTML表格标签为什么?

HTML表格标签为:<table>标签。

HTML中表格由 <table> 标签来定义。【推荐:html手册

每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。<td>标签中表示内容,即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

<table>标签的基本格式

<table>
            <tr>
                <th></th>
                <th></th>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
</table>

功能:

  • <table>…</table>用来声明表格开始与结束.

  • <tr>…</tr>用来设置表格的行.

  • <th>…</th>用来设置标题栏位.

  • <td>…</td>用来设置数据栏位.

<table>标签的属性:

属性描述
alignleft
center
right
规定表格相对周围元素的对齐方式。
bgcolorrgb(x,x,x)
#xxxxxx
colorname
规定表格的背景颜色。
border1
""
规定表格单元是否拥有边框。
cellpaddingpixels规定单元边沿与其内容之间的空白。
cellspacingpixels规定单元格之间的空白。
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
规定外侧边框的哪个部分是可见的。
rulesnone
groups
rows
cols
all
规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
widthpixels
%
规定表格的宽度。

说明:在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。

示例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>

更多html前端相关知识,请查阅 前端教程 !!

以上就是HTML表格标签为什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏