关于html表格的分组

html-css011

关于html表格的分组,第1张

这几个标签分别是<thead></thead>:表头标签 <tbody></tbody>:表格主题标签<tfoot></tfoot>尾注标签,他们组成了html文档的表格按行分组。其中尾注标签很少用。<thead>

标签是成对出现的,其标签内是由表头标签标识的表头元素。<tbody>标签用于规定表格主体部分的元素,可多次出现。<thead></thead> 和 <tbody></tbody>标签的属性和<th></th>和<td></td>标签是一样的

checkbox分组,其实就是name属性取一样的名字而已,如果视觉上想加个框框起来,就用<fieldset>标签,如下:

<fieldset>

    <legend>爱好</legend>

    <input type="checkbox" name="favoirte"  value="ball">打球

    <input type="checkbox" name="favoirte"  value="swim">游泳

    <input type="checkbox" name="favoirte"  value="sing">唱歌

</fieldset>

colgroup、col 标签用来定义表格列的分组。

如果一个表格前三列要垂直居上,后两列垂直居下,我们就可以用分组来进行设置。看起来是样式表可以代替的功能,但这的确不是多余的标签,和前面的标签一样,在 XHTML 1.0 Strict 中也是允许的标签。

<table border="1">

<colgroup span="3" valign="top"></colgroup>

<colgroup span="2" valign="bottom"></colgroup>

<tr>

<td>1垂直居上</td>

<td>2垂直居上</td>

<td>3垂直居上</td>

<td>4垂直居下</td>

<td>5垂直居下</td>

</tr>

</table>

span 用以表示该组包含多少列。

col 的作用是细化 colgroup,因为即使在一个组中,列与列之间也可能会出现一些差别,这时就得用到 col 了。

<colgroup span="3" valign="top">

<col width="50"></col>

<col align="center"></col>

<col valign="middle"></col>

</colgroup>

可以看到第三列的 valign 覆盖了 colgroup 的 valign 设置。在这里 width、align、valign 都是符合 XHTML 1.0 Strict 的,不过要注意的是:没有 height 属性。

扩展资料

一、html

它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,

1、基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页编辑器;

尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

3、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

4、所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。

二、<col>

HTML<col>标签规定了<colgroup>元素内部的每一列的列属性。

通过使用 <col>标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

<col>标签为表格中一个或多个列定义属性值。

如需对全部列应用样式,<col>标签很有用,这样就不需要对各个单元和各行重复应用样式了。

您只能在 table 或 colgroup 元素中使用 <col>标签。

提示和注释

提示1:请为 <col>标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。

提示2:如果您希望在 colgroup 内部为每个列规定不同的属性值时,请使用此元素。如果没有 col 元素, 列会从 colgroup 那里继承所有的属性值。

注释:col 元素是仅包含属性的空元素。如需创建列,您就必须在 tr 元素内部规定 td 元素。

参考资料来源:百度百科:html

百度百科:<col>