前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

html基础必备-表格标记,前端小白一看就会

表格

表格标记用于显示类似工作表的数据,这些数据以行和列的形式整齐地格式化。它们还可以用于设计页面布局。

表格 - <table> ... </table>

table标记用于定义表格,它包含所有行和列标记及其内容。表格必须始终至少有一行,有一些属性来定义表格布局。

  • width="?" - 指定表格的宽度
  • align="?" - 指定表格的水平对齐
  • border="?" - 表格的边框大小
  • cellspacing="?" - 单元格的间距
  • cellpadding="?" - 单元格内容与边框的空白

表格标题 - <caption> ... </caption>

标记caption用于定义表格的标题。

行 - <tr> </tr>

tr标记表示表格中的行,必须出现在table标记中。

单元格 - <td> </td>

单元格是内容所在的地方,单元格必须存在于行中,行中的单元格数决定表中的列数,使用以下属性设置单元格属性:

  • align="?" - 单元格中文本的水平对齐: left, center or right
  • valign="?" - 单元格中文本的垂直对齐: top, middle or bottom.
  • width="?" - 指定单元格的固定宽度,默认情况下只占据内容所需的空间
  • colspan="?" - 列横跨允许单元格占据多列
  • rowspan="?" - 行横跨允许单元格占据多行
  • nowrap - 单元格中的文本不会换行到下一行。类似于段落的nobr标记

表头单元格 - <th> </th>

与普通单元格类似,表头单元格必须出现在行中,正常情况下位于表格第一行,浏览器对其进行加粗和居中。

例子

以下是表格的示例:

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言