<table>标签，制作表格

最新推荐文章于 2024-06-19 10:23:02 发布
最新推荐文章于 2024-06-19 10:23:02 发布
阅读量3.6k 收藏 2
点赞数
分类专栏： html+css 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangfengchoumou/article/details/56480495
版权

有时需要在网页中以表的形式展示一些数据，比如下表：
这里写图片描述

在html中代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>table</title>
</head>
<body>
    <table>
        <tr>
            <th>产品名称</th>
            <th>品牌</th>
            <th>库存量</th>
            <th>入库时间</th>
        </tr>
        <tr>
            <td>耳机</td>
            <td>联想</td>
            <td>500</td>
            <td>2013-1-2</td>
        </tr>
        <tr>
            <td>U盘</td>
            <td>金士顿</td>
            <td>120</td>
            <td>2013-8-10</td>
        </tr>
        <tr>
            <td>U盘</td>
            <td>爱国者</td>
            <td>133</td>
            <td>2013-3-25</td>
        </tr>
    </table>
</body>
</
最低0.47元/天 解锁文章
fakeyanss
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用html在网页中制作表格/对应的标签用法与属性/＜table＞标签/＜tr＞标签/＜td＞标签/＜th标签＞/学习笔记
No1banana的博客
02-10 8310
一、创建表格 学会使用html的<table>标签在网页中插入表格 基本语法格式 <table> <tr> <td></td> </tr> tr标签定义行，td标签定义列 </table> 1.案例演示 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>创建表格</ti
用< table>、< tr>、< td>表格标签编写课程表
weixin_45943199的博客
04-10 1736
表格编写课程表 接上篇文章，利用表格标签，设置属性，调节部分代码内容，粗略编写课程表。 下面展示一些 内联代码片。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>课程表</title> <style> table{table-layou...
HTML——表格标签＜table＞与表格实现
qq_51869518的博客
06-25 5055
表格标签的实际应用和表格属性colspan和rowspan的详细解释与使用的实例和规则，以及不同形式的表格的实现；课程表、日历和的代码实现。欢迎大家能有更好的建议。
HTML中的table标签属性
最新发布
a1k2l45k的博客
06-19 426
和和和
html表格标签＜table＞
isfor_you的博客
10-09 393
文章目录一、使用到的标签用法介绍1. 整体表格结构说明2. 针对table的属性说明二、表格制作简单代码实现三、输出结果示例四、其他table属性标签1.标签介绍2.制作简单个人简历3.结果显示 一、使用到的标签用法介绍 1. 整体表格结构说明 <table border="1px" cellspacing="0"> <col width="200px"> <tr align="center">...</tr> <td>...</td
怎么使用HTML＜table＞标签做表格
7 芒果
09-28 1388
使用table标签制作一个简单的HTML表格 定义和用法 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素 定义和用法 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定
php中插入表格 标签,PHP_HTML中的表格元素，一，<table>标签。<table&gt - phpStudy
weixin_28746207的博客
03-11 713
HTML中的表格元素一，标签。标签是表格的标识符，用来界定表格的范围。标签是成对使用的标签，手标签和和尾标签之间的内容就是表格的内容。标签的属性主要有border,width,height,align,cellapcing,cellpasdding.它们都是可选的。1，border属性的参数值是数字，表示表格边框宽度所占的像素点数。它也可以不带有参数值使用，仅表示该表格是有边框的。例如，表示该表格...
表格与 < div> 标签
刘思成的博客
04-12 1095
表格与div标签基本表格表格的高级应用div标签span标签基本表格的制作表头的设置表格的样式表格的合并表格的分组div标签的介绍div标签的应用span标签的介绍span标签的应用 基本表格 表格是用于排列内容的最佳手段。在HTML页面中，有很多页面都是使用表格进行排版的。基本表格是由< able>标签、< t>标签和< d>标签组成的。通过使用< ta...
HTML的＜table＞多级表头绘制
0303
03-14 5558
适用于工资单等场景使用
微信小程序上实现 <table> 表格
热门推荐
纠缠AI的亮子
05-26 5万+
微信小程序不支持 table 标签，在网上找到一个使用 flex 来实现表格的简明例子，记录一下。table.wxml&lt;view class="table"&gt; &lt;view class="tr bg-w"&gt; &lt;view class="th"&gt;head1&lt;/view&gt; &lt;view class="th
HTML制作表格.ppt
11-15
创建表格可以使用TABLE标签，border属性用于设置表格边框的尺寸大小。例如： <TABLE border="2"> <TR> <TH>姓名</TH> <TH>性别</TH> <TH>学号</TH> </TR> <TR> <TD>你的名字</TD> <TD>你的性别</TD> <TD>...
HTML制作表格ppt课件.ppt
11-12
表格可以分成行、列、单元格，使用 TABLE、TR、TD 等标签来定义。 为什么使用表格？ 表格应用场合非常广泛，如论坛、门户网站、购物网站等。论坛中可以用表格来显示用户信息，门户网站可以用表格来显示新闻、天气...
HTML的dl、dt、dd标记制作表格对决Table制作表
12-08
在传统的`<table>`标签中，创建数据列表需要包含`<tr>`（表格行）和`<td>`（表格数据单元格）标签。例如： ```html <table> <tbody> <tr> <td class="title">Name:</td> <td class="text">Squall Li</td> </tr...
<textarea>文本域，多行文本输入
燕十三的博客
02-22 2万+
当用户需要在表单中输入大段文字时，需要用到文本输入域。语法：<textarea rows="行数" cols="列数">默认出现文本</textarea>**注意**rows,cols这两个属性可用css样式的width和height来代替：col用width、row用height来代替。示例：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Conte
<a>标签，链接到另一个页面
燕十三的博客
02-22 3189
使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。 注意：还有一个有趣的现象不知道小伙伴们发现了没有，只要
<span>标签，为文字设置单独样式
燕十三的博客
02-20 3085
<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 设置颜色：aqua 浅绿色black 黑色blue 蓝色fuchsia 紫红色gray 灰色green 绿色lime 绿黄色maroon 栗色navy 深蓝色olive 橄榄色purple 紫色red 红色silver 银白色teal 蓝绿色white 白色yellow 黄色练习<!DOCTYPE HTML> <html> <he
<code>标签，加入代码
燕十三的博客
02-20 1465
语法：<code>代码语言</code> 注意：在文章中一般如果要插入多行代码时不能使用标签了。练习： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>code标签介绍</title> </head> <body> <p>我们可能知道水平渐
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值