html表格标签模板 实现跨行和跨列

简介: 网站首页显示页面 1.表格标签 ...
网站首页显示页面
    1.表格标签
                <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
                    <thead>
                        <tr>
                            <th></th>
                        </tr>
                    <thead>
                    <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
    2.跨行跨列操作
        跨行:rowspan
        跨列:colspan

举个栗子:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <table border="1">
            <thead>
                <tr colspan="2">
                    <th colspan="2">
                        <input type="checkbox"/>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="2"><input type="checkbox"></td>
                    <td >xx1</td>
                </tr>
                <tr>
                    <td>xx3</td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>xx4</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

效果图如下:
这里写图片描述

注意:
< th colspan=”2”> 实现跨2列
<td rowspan=”2”> 实现跨2行

目录
相关文章
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
50 5
|
14天前
|
定位技术
时尚的联系我们表单HTML模板(源码)
一款时尚的联系我们表单Html模板,带地图和所在位置,输入基本信息和信息发送,看起来很漂亮的联系我们页面。
25 1
时尚的联系我们表单HTML模板(源码)
|
5天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
|
12天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
15天前
HTML 表格4
HTML 表格标签用于创建和布局表格。主要标签包括:`&lt;table&gt;` 定义表格,`&lt;th&gt;` 定义表头,`&lt;tr&gt;` 定义行,`&lt;td&gt;` 定义单元格,`&lt;caption&gt;` 定义标题,`&lt;colgroup&gt;` 和 `&lt;col&gt;` 定义列属性,`&lt;thead&gt;`、`&lt;tbody&gt;` 和 `&lt;tfoot&gt;` 分别定义表格的页眉、主体和页脚。
|
15天前
HTML 表格2
本示例展示了如何使用 HTML 的 `&lt;table&gt;` 标签和 `border` 属性创建一个带有边框的简单表格。表格包含两行两列,每行有两个单元格,通过设置 `border=&quot;1&quot;` 显示边框。
|
15天前
|
前端开发
HTML 表格1
HTML 表格是用于展示结构化数据的标记语言元素,由 `&lt;table&gt;` 标签定义。表格包含行(`&lt;tr&gt;`)、单元格(`&lt;td&gt;`)和表头(`&lt;th&gt;`)。表格可细分为 `&lt;thead&gt;`(标题部分)和 `&lt;tbody&gt;`(主体部分),支持合并单元格、跨行/跨列操作及 CSS 样式定制。
|
1月前
HTML表格
HTML表格
42 4
|
12天前
|
存储 移动开发 前端开发
|
15天前
HTML 表格3
HTML 表格的表头使用 `&lt;th&gt;` 标签定义,通常以粗体居中显示。

热门文章

最新文章