`
robinsoncrusoe
  • 浏览: 739704 次
  • 性别: 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表格——表格合并.docx

    在上面的示例代码中,我们使用 colspan 属性将第三列的单元格合并成两列。 合并单元格是 HTML 表格中的一种重要技术,可以帮助我们实现灵活的表格布局。但是,需要注意的是,合并单元格可能会影响表格的可读性和可...

    html5怎么制作个人简历表格?.docx

    5.colspan 属性:colspan 属性用于设置跨列数。例如:&lt;td colspan="2"&gt;内容 6.rowspan 属性:rowspan 属性用于设置跨行数。例如:内容 下面是一个简单的 HTML5 个人简历表格的示例代码: ``` 姓名 性别 ...

    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  ...

    038HTML-DOM对象.doc

    * colSpan:设置或返回单元格横跨的列数 * rowSpan:设置或返回单元格可横跨的行数 2. DHTML 其他对象 2.1. DHTML 对象模型 DHTML 对象模型如图-1 所示,包括 window 对象、document 对象、screen 对象、history ...

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

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

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

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

    HTML02表格和表单.ppt

    在 HTML 表格中,可以使用 COLSPAN 和 ROWSPAN 属性合并单元格。例如,要跨 3 列,可以使用 COLSPAN=3 属性。 六、单元格样式 可以使用 CELLSPACING 和 CELLPADDING 属性来设置单元格之间的间距和填充。 七、实例...

    华中科技大学计算机网络技术及应用实验3.pdf

    6. HTML表格单元格合并:HTML提供了 `rowspan` 和 `colspan` 属性,用于合并表格单元格。 7. HTML文本格式化:HTML提供了多种文本格式化标记,例如 `&lt;B&gt;`、`&lt;I&gt;`、`&lt;U&gt;` 等,用于设置文本的样式。 8. HTML图片链接:...

    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 :定义元素在页面中独一无二的...

    java-web-期末试题填空简答整理.doc

    2. HTML 中的表格合并:Colspan 和 Rowspan 属性用于水平和垂直合并单元格。 3. HTML 表单主要由表单标签、表单域和表单按钮三部分构成。 4. HTML 中的 &lt;noframes&gt; 标签定义浏览器不支持框架时显示的内容。 5. ...

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

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

Global site tag (gtag.js) - Google Analytics