如何用HTML来制作表格？_随笔

HTML中的表格由 <table>标签来定义，表格是由单元格组成的，单元格可以放入文字、图片、表格等内容。下面，我们来看看如何用HTML来制作表格吧。

代码，先用<table>标签定义一个表格，其中border表示边框，border="1"表示边框为1个像素，数值越大，边框就越粗。

</table>

<tr>元素表示表格中的行，比如创建两行

<tr></tr>表示一行。

单元格

HTML表格的单元格用<td>标签表示，如下图所示：

表格

就做好一个HTML表格，显示图如下：

总代码：

<body>

<tr>

</tr>

<tr>

</tr>

特别提示

表格的标签：<table>、<tr>、<td>三个标签。

HTML中的表格代码table，tr，td用法如下

<table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr>标示这个表格中间的一个行 <td>标示行中的一个列,需要嵌套在<tr></tr>中间

具体格式是:(两行两列) <table><tr><td></td><td></td></tr></teble>

<th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中

<table>...</table>用于定义一个表格开始和结束

<th>...</th>定义表头单元格。表格中的文字将以粗体显示（<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看：<th>文字</th>=<td><b>文字</b></td>），在表格中也可以不用此标签，<th>标签必须放在<tr>标签内

<tr>...</tr>定义一行标签，一组行标签内可以建立多组由<td>或<th>标签所定义的单元格

<td>...</td>定义单元格标签，一组<td>标签将将建立一个单元格，<td>标签必须放在<tr>标签内

<th>为表格标题，属性summar为摘要，<caption>标签为首部说明，<thead>标签为表格头部，<tbody>标签为表格主体内容，<tfoot>标签为表格尾部。其中还可以使用scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：　row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。abbr 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。标准表格模型 <table><caption></caption><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody><tfoot><tr><td></td></tr></tfoot></table>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7081749.html

如何用HTML来制作表格？

发表评论

评论列表（0条）