html做表格的基本操作

最新推荐文章于 2024-10-13 21:18:37 发布
最新推荐文章于 2024-10-13 21:18:37 发布
阅读量92 收藏
点赞数 4
文章标签： html 前端 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cwj17550309669/article/details/133966394
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>付显课表</title>
        <style>
            table{
                wideth:800px;
                margin: 0 auto;
                border-color:#00ff00;
            }
            td{
                text-align:center;
                color:red;
            }
        </style>
    </head>
    <body>
        <table border="1" style="border-collapse:collapse;">
            <tr>
                <td colspan="8">十九周课表</td>
                <!-- <td></td> -->
                <!-- <td></td><!-- --> -->
                <!-- <td></td> -->
                <!-- <td></td><!- -->- / -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td>周一</td>
                <td>周二</td>
                <td>周三</td>
                <td>周四</td>
                <td>周五</td>
                <td>周六</td>
            </tr>
            <tr>
                <td>上午</td>
                <td>第一二节</td>
                <td rowspan="2">web表层开发技术</td>
                <td></td>
                <td></td>
                <td></td>
                <td>web表层开发技术</td>
                <td rowspan="2">python编程技术</td>
            </tr>
            <tr>
                <td></td>
                <td>第三四节</td>
                <!-- <td></td> -->
                <td>数字平面设计</td>
                <td></td>
                <td></td>
                <td>数据库原理</td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>下午</td>
                <td>第五六节</td>
                <td></td>
                <td rowspan="2">python编程</td>
                <td>数据库原理应用</td>
                <td rowspan="2">python编程</td>
                <td></td>
                <td rowspan="2">web表层技术开发</td>
            </tr>
            <tr>
                <td></td>
                <td>第七八节</td>
                <td rowspan="2">python编程</td>
                <!-- <td></td> -->
                <td></td>
                <!-- <td></td> -->
                <td></td>
                <!-- <td></td> -->
            </tr>
            <tr>
                <td>晚上</td>
                <td>第九十节</td>
                <!-- <td></td> -->
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>
</html>

表格制作的注意事项

1.colspan是对行的改变

2rowspan是对列的改变

3.还应注意注销掉空表的

Cwj17550309669
关注
HTML表格的使用
m0_46688827的博客
12-14 1097
表格：能够使用表格相关标签和属性，实现网页表格结构的搭建 。
【HTML+CSS】HTML表格：从基础到进阶的全面指南
Xiaoxin的博客
07-26 1464
在Web开发中，HTML表格（）是一个不可或缺的元素，它不仅能够以结构化的方式展示数据，还能通过CSS进行丰富的样式设计，提升用户体验。本文将带你从HTML表格的基础语法开始，逐步深入到表格的高级用法，包括布局技巧、响应式设计以及无障碍访问性优化。
HTML动态操作表格
weixin_30751947的博客
05-19 915
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; chars...
用Javascript实现对HTML表格简单的增删查改
秘密基地
08-08 1万+
在网页制作的过程中，有时候需要对表格进行操作，下面是一个简易的表格操作方案：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>对表格操作</title> <style type="text/css"> *{ padding:0px; margn:0px; } table#stuRecordT
HTML表格（HTML 表格的使用，收藏这一篇就够了）
热门推荐
weixin_47139649的博客
10-15 7万+
HTML基础之表格 文章目录HTML基础之表格1. 表格的定义2. 表格的标签3. 单元格边框(border)4. 合并单元格4.1 合并行单元格(colspan)4.2 合并列单元格(rowspan)5. 表格格式设置5.1 单元格的对齐（align）（居中，左对齐，右对齐）5.2. 背景色&图片（bgcolor & background）5.2.1 单元格背景色&图片5.2.2 表格背景色&图片5.3 单元格的边距（cellpadding）5.4 单元格间的距离(cel
dw怎么做html表格,DW里怎么做表格呢？用DW做表格的详细方法
weixin_34854288的博客
06-16 4987
进入到页面之后，把鼠标定位到的中间，或者也可以自己选择把页面上的代码都删除了，这个对我们做网店装修没有影响点击一下菜单栏里的“插入”—“表格”，设置相关的参数，例如我需要一个表格宽度是300像素，行数是5行3列的，边框粗细为1，就按照自己的需要设置相关的参数设置好了之后点击确定，因为是可视化的编辑，所以我们会看到我们的编辑页面的左边栏是代码，右边是由刚才我们设置的表格我们可以把鼠标定位到我们的第一...
HTML基本操作
chenbaifan的博客
04-20 1万+
HTML基本结构HTML常见标签注释标签标题标签:h1-h6段落标签pbr标签,换行一些转义字符格式化标签图片标签超链接 a 标签表格标签基本使用合并单元格列表标签表单标签form标签input标签单行文本框密码框单选框label复选框普通按钮提交按钮清空按钮选择文件select 标签textarea 标签无语义标签:div & span HTML基本结构 我这里使用的是VsCode,想用的直接去搜VsCode去官网下载,也就几十兆,不大 如何快速编写HTML文件? =>输入 !,按tab.
JS对HTML表格进行增删改操作
11-22
1. HTML表格的创建和操作 2. JavaScript事件处理（如`onclick`） 3. 使用`<input>`元素和表单验证 4. 正则表达式进行输入格式验证 5. DOM操作，如添加、删除和修改DOM元素 6. JavaScript函数的编写，如`showAddInput...
AngularJS中table表格基本操作示例
10-19
在现代Web开发中，AngularJS是一个非常流行的前端JavaScript框架，它提供了许多强大的功能，包括对HTML表格操作的增强支持。本文将探讨AngularJS中table表格的基本操作，包括动态添加样式、使用内置指令进行条件渲染...
jQuery表格(Table)基本操作实例分析
12-04
本文将详细解析jQuery如何实现表格的基本操作，以帮助开发者更高效地处理表格数据。 首先，我们需要创建一个基本的HTML表格结构。在示例中，表格CSS定义了通用样式，如表格边框、单元格间距、宽度和对齐方式。以下...
HTML table表格相关操作
qq_36412715的博客
11-07 1241
一个简单的 HTML 表格，包含两行两列： &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;Month&lt;/th&gt; &lt;th&gt;Savings&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;January&a
html的表格的简单操作
全场梦游c的博客
03-11 2005
关于html的表格的简单操作，以及一些其他的基本操作。总的来说是练习了一下如何使用html编写一个表格。定义和用法&lt;table&gt; 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup...
HTML---表格操作
OlnyLove_琳的博客
03-30 312
表格操作 表格的基本语法 &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; tr表示行 td表示列 border:边框 height:边框的高度 width:边框的宽度 frame:设置表格的外层边框 void 不显示外侧边框 bo...
使用HTML、CSS和JavaScript创建图像缩放功能
2301_79858914的博客
10-13 384
通过以上步骤，我们成功创建了一个简单的图像缩放功能。用户只需点击图像，就能查看更大的版本，提升了网站的互动性和用户体验。希望你能在自己的项目中实现这个功能，欢迎分享你的经验和想法！你可以根据需要进一步修改或添加细节。
【写个本地的html】写个本地的html文件，做个demo，直接用浏览器打开
weixin_41747256的博客
10-10 429
【写个本地的html】写个本地的html文件，做个demo，直接用浏览器打开
《常见 HTML 标签和属性全解析》
一名资深Java工程师的技术分享
10-10 1252
在网页开发的世界里，HTML（超文本标记语言）就像是构建数字大厦的基石。它通过各种标签和属性来定义网页的结构、内容和样式。下面，让我们深入了解一些常见的 HTML 标签和属性。
HTML快速入门--第二节--css选择器
最新发布
PangQinghua的博客
10-13 389
CSS相关概念，样式表，样式表选择器
Chromium html＜img＞对应c++接口定义
杰克东的专栏
10-11 426
img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />
jQuery操作HTML表格：基本操作与示例
"jQuery表格(Table)基本操作实例分析，涵盖了CSS样式设置、表格创建以及jQuery交互功能的应用。" 在Web开发中，jQuery是一个强大的JavaScript库，它极大地简化了DOM操作，包括对HTML表格（Table）的操作。本文实例...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值