HTML表格

最新推荐文章于 2022-11-14 13:54:23 发布
最新推荐文章于 2022-11-14 13:54:23 发布
阅读量210 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_ever1/article/details/78349103
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style>
        td{
            /*td标签里的文本居中*/
            text-align: center;
        }
        #oneTable tr{
            height: 30px;
        }
        #oneTable td{
            width: 100px;
        }
    </style>
</head>
<body>
    <table border="1px" cellspacing="0" width="400px">
        <tr>
            <th bgcolor="rgb(0,0,0)">学号</th>
            <th bgcolor="rgb(0,255,0)">年龄</th>
            <th bgcolor="rgba(0,255,0,0.9)">姓名</th>
            <th bgcolor="rgb(0,255,0,0.7">成绩</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <hr>
    <h3>单元格合并</h3>
    <table border="1px" cellspacing="0" cellpadding="0" width="500"
            id="oneTable">
            <!-- 默认顶部top   底部bottom -->
        <caption align="bottom">表1 这是学生信息表</caption>
        <!-- tr*6>td*5 -->
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
            <td colspan="2"></td>
            <!-- <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td colspan="2" rowspan="2"></td>
            <!-- <td></td> -->
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <!-- <td colspan="2"></td> -->
            <!-- <td></td> -->
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>总计</td>
            <td colspan="4"><img src="./images/1.jpg" alt="出错了"></td>
<!--             <td></td>
            <td></td>
            <td></td> -->
        </tr>
    </table>
</body>
</html>
z_Ever1
关注
专栏目录
html表格<table></table>
06-07
html表格 <table border="1"> <tr > <td rowspan="2"> </td> <td> 第二行的单元格 </td> <td> 第三行的单元格 </td> </tr> <tr > <td colspan="2" align="center"> 第二行的单元格 </td> </tr> <tr > <td> 第一行的单元格 </td> <td> 第二行的单元格 </td> <td> 第三行的单元格 </td> </tr> </table>
html表格
qq_37119902的博客
03-13 249
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html";charset="utf-8"/&gt; &lt;title&gt;示例代码&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;t
html 表格
DaDaguai001的博客
06-06 144
转载自 效果图 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /*表格样式*/ table { width: 90%; background: #ccc; margin: 10px auto; border-collapse: collapse;/*border-coll
html 表格比较宽溢出的解决方法
09-28
在网页设计中，HTML表格是用于展示数据的常用元素，其结构清晰、易于理解。但是，如果表格宽度设置不当，可能会导致在页面上显示不正常，即溢出到其他容器元素或者超出了预定的布局区域。针对这种情况，我们可以采用...
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
12-01
首先，我们要了解默认情况下，HTML表格会根据其内容自适应地调整宽度和高度。然而，为了更好地控制表格的布局和视觉效果，我们可以使用`WIDTH`和`HEIGHT`属性来手动设定表格尺寸。这两个属性允许你为表格指定一个...
table_go:简单、灵活、快速的 html 表格生成器
06-08
简单、灵活、快速的 html 表格生成器 安装 将此行添加到应用程序的 Gemfile 中： gem 'table_go' 然后执行： $ bundle 或者自己安装： $ gem install table_go 用法 HAML 中的示例（或更多此处： : ） = ...
表格生成器 Html表格生成器 v1.0
11-10
《Html表格生成器 v1.0：打造个性化数据展示的新利器》 在信息化时代，数据的展示和交流已经成为日常工作中不可或缺的一部分。而HTML表格作为网页中最常见、最实用的数据展示工具，其灵活性和广泛性不言而喻。然而...
HTML 表格
liuxiaoxiao
07-13 117
margin: 0 auto;/*水平居中*/ border: black 1px solid;/* 边框 */ border-spacing: 0;/*去除边框间隔*/ border-collapse: collapse;/* 折叠 */ tr table row td table data th table head <!DOCTYPE html> <html> <head> <meta charset="utf-8"&gt...
HTML_表格
dolola的博客
01-20 396
表格标题               其中会存在跨行、跨列的情况存在。 跨行时，即一个表格可能对应着多列表格，此时使用colspan、rowspan。 我们以跨两行为例，以上代码第三行应修改为 以跨两列为例，以上代码第四行代码应修改为 关于边框，由border定义，不写和border="0
HTML ---表格
sumuqi的博客
03-09 194
表格 1.简介 表格是一个规则的行列结构，每个表格是由若干行组成，每行是由若干个单元格组成 table、row、column 2.基本结构 2.1 table标签 用来定义表格 常用属性： border边框,默认值为0 width/height宽度/高度 align对齐方式,取值：left center right bordercolor:边框颜色 bgcolor:背景颜色 backgro...
HTML—表格
最新发布
Ywyyy231128的博客
11-14 4825
此外，thead、tbody和tfoot标签除了可以使代码更具有语义，还有另外一个重要作用 ：方便分块来控制表格的CSS样式。在HTML中，单元格其实有两种：一种是“表头单元格”，使用的是th标签；另一种是“表行单元格”，使用的是td标签。***一个表格只能有一个标题，也就是只能有一个caption标签。***分析：在默认情况下，表格是没有边框的。***说明：th和td在本质上都是单元格，但是并不代表两者可以互换，它们具有以下区别。***说明：在表格中，有多少组“",就表示有多少行。
HTML(十四)
shi199434的博客
12-02 241
HTML 表格 HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 在线实例
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值