`
robinsoncrusoe
  • 浏览: 737844 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

HTML colspan 属性

    博客分类:
  • web
阅读更多
colspan 属性 -- 可以实现HTML表格中一行跨越多列

    * 引用网址:http://www.dreamdu.com/xhtml/attribute_colspan/
    * colspan通常使用在td与th标签中
    * col:列,span:跨度,跨距,范围

示例

<table border="1">
        <tr>
                <th>www.dreamdu.com</th>
                <th>.com域名的数量</th>
                <th>.cn域名的数量</th>
                <th>.net域名的数量</th>
        </tr>
        <tr>
                <td>2003年</td>
                <td>1000</td>
                <td colspan="2">2000+3000</td>
        </tr>
        <tr>
                <td>2004年</td>
                <td>4000</td>
                <td>5000</td>
                <td>6000</td>
        </tr>
        <tr>
                <td>2005年</td>
                <td>7000</td>
                <td>8000</td>
                <td>9000</td>
        </tr>
        <tr>
                <td>总数</td>
                <td colspan="3">24000</td>
        </tr>
</table>

HTML colspan 属性示例 -- 可以尝试编辑

    * HTML colspan 属性示例

说明

    * colspan属性可以实现单元格跨越多列
    * 内容为"24000"的行跨越了3列,内容为"2000+3000"的行跨越了2列

分享到:
评论

相关推荐

    HTML表格标记教程(35):跨列属性COLSPAN

    在复杂的表格结构中,有的单元格在垂直方向上是跨多个单元格的,这就需要使用跨列属性COLSPAN。基本语法&lt;TD COLSPAN=VALUE&gt;语法解释...文件范例:10-33.htm通过COLSPAN属性实现跨列的单元格。01 &lt;!-- ------------

    html table实现复杂表头的示例代码

    复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 在html中&lt;td&gt; 标签定义 HTML 表格中的标准单元格。  (1)rowspan 属性规定单元格可横跨的行数;  (2)colspan 属性规定单元格可横跨的列数。 &lt;...

    jQuery选择没有colspan属性的td的代码

    代码如下:$(“#tableName td:not([colspan])”)下面是一些补充资料:filter()和not(): [removed] $(document).ready(function() { //输出 hello alert&#40;$(“p”&#41;.filter(“.selected”).html()); //输出 How ...

    使用HTML开发商业网站-td标签属性课件.pptx

    使用HTML开发商业网站 标签属性 表格 属性名 ...在标签的属性中,重点掌握colspan和rolspan,其他的属性了解即可,不建议使用,均可用CSS样式属性替代。 当对某一个标签应用height属性设置高度时,该

    HTML语言教案表格属性

    HTML语言教案表格属性,Rowspan:行合并 Colspan:列合并 Frame:四周边框 Rules:单元格间边框 Border:边框宽度 Cellspacing:单元格间距 Cellpadding:文字与单元格的距离 Align:水平对齐 Valign:垂直对齐 Width...

    从入门到精通HTML5——PDF——网盘链接

     7.6.2 单元格水平跨度——colspan 142  7.6.3 单元格垂直跨度——rowspan 143  7.6.4 单元格对齐方式——align、valign 144  7.6.5 单元格的背景色 146  7.6.6 单元格的边框颜色——bordercolor 147  ...

    js动态修改表格行colspan列跨度的方法

    主要介绍了js动态修改表格行colspan列跨度的方法,实例分析了javascript动态修改html中table属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Angular4学习教程之HTML属性绑定的方法

    本文主要给大家介绍了关于Angular4 HTML属性绑定的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 简介 基本HTML属性 &lt;td attr.colspan]=tableColspan&gt; Css 类绑定 &lt;!-- 第一种...

    HTML版的仿XP系统网站 无CSS版

    通过练习,用到以下属性频繁率很高leftmargin;topmargin;cellspacing;cellpadding;border;valign(常写成valing);align(易写成aling);width(易写成widht);height;rowspan;colspan;bgcolor; 另外用到红绿小工具相当...

    程序员学习前端基础教程网页设计用好HTML表格标记及属性

    表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。  常用表格标记 … 表格指令 。 相关属性 :  · ALIGN 调整  · ...

    详解Angular2学习笔记之Html属性绑定

    基本HTML属性 &lt;td attr.colspan]=tableColspan&gt; Css 类绑定 &lt;!-- 第一种情况 class 类全部替换 --&gt; ]=divClass&gt;CSS 类绑定,[class] 全部替换的例子 &lt;!-- 第二种情况 替换 class 类的部分属性 --&gt; ]=...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt; 四大标准属性: 1、id :定义元素在页面中独一无二的...

    HTML5表格_动力节点Java学院整理

    table表示HTML文档中的表格,支持border属性,用于定义表格边框的宽度; tr表示表格中的行; td表示表格中的单元格,包括如下属性:  1)colspan:规定单元格可横跨的列数;  2)rowspan:规定单元格可横跨的行数...

    DOCX-HTML:从DOCX创建可访问HTML文件

    DOCX-HTML 从DOCX创建可访问HTML文件要求 CSS样式表 (仅PC)设置将DOCX-... 多达九种辅助语言使用MS Word标记时,将自动添加表可访问性标记(例如colspan , rowspan , scope属性) 数学输出选项(mathjax,mathml

    table数据相同合并单元格

    table数据相同时合并单元格,原理:逐行进行比较,相同时隐藏第二行,对第一行添加rowspan 【table数据相同时合并单元格,原理:逐行进行比较,相同时隐藏第二行,对第一行添加rowspan】

    HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK

    在行中,可以单独定义暗边框色。 基本语法 ...HTML&gt;06 &lt;HEAD&gt;07 &lt;TITLE&gt;设定行暗边框颜色&lt;/TITLE&gt;08 &lt;/HEAD&gt;09 &lt;BODY&gt;10 主流的网页设计软件&lt;/H1&gt;11 &lt;TABLE BORDE

    简洁的EXTJS日期选择插件.rar

    一款简洁的外观基于EXTJS的日期选择插件,日历插件,... 5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题)  修改代码时请注意,IE 表格操作很脆弱,只能直接DOM

    javascript清理table样式

    一大段文章正文的html代码在手机中显示不全,原因是由于其它有table,而table表格中的tr/td都携带了从word中粘贴过来的样式,需要将这一大段的字符串中的table、tr、td中携带的样式清除掉,同时还不能破坏table结构...

    Web程序设计计算机科学经典教材.doc

    47 2.6.3 使用链接 47 2.7 列表 47 2.7.1 无序列表 48 2.7.2 有序列表 48 2.7.3 定义列表 51 2.8 表格 52 2.8.1 基本的表格标签 52 2.8.2 属性rowspan与colspan 54 2.8.3 属性align与valign 56 2.8.4 属性...

Global site tag (gtag.js) - Google Analytics