使用html在网页中制作表格/对应的标签用法与属性/＜table＞标签/＜tr＞标签/＜td＞标签/＜th标签＞/学习笔记

noahsark747

已于 2022-04-14 17:16:02 修改

阅读量8.4k

点赞数 6

文章标签： html css css3

于 2022-02-10 18:25:20 首次发布

本文链接：https://blog.csdn.net/No1banana/article/details/122866829

版权

本文详细介绍了如何使用HTML创建表格，包括table、tr、td和th标签的使用及属性。通过案例演示，展示了如何设置表格样式，如背景颜色、宽度等，并强调了各标签的特性及其相互影响。

摘要由CSDN通过智能技术生成

一、创建表格

学会使用html的<table>标签在网页中插入表格

基本语法格式

<table>
  <tr>
    <td></td>
  </tr>
  tr标签定义行，td标签定义列
</table>

1.案例演示

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>创建表格</title>
</head>
<body>
	<table border="4">
		<!--给表格添加边框-->
		<tr>
			<td>学生名称</td>
			<td>竞赛学科</td>
			<td>分数</td>
		</tr>
		<tr></tr>
			<td>赵欣</td>
			<td>数学</td>
			<td>100</td>
		<tr></tr>
			<td>小明</td>
			<td>英语</td>
			<td>28</td>
		<tr>
			<td>小花</td>
			<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

noahsark747

关注关注

6
点赞
踩
80

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

用< table>、< tr>、< td>表格标签编写课程表

weixin_45943199的博客

04-10

1787

表格编写课程表接上篇文章，利用表格标签，设置属性，调节部分代码内容，粗略编写课程表。下面展示一些内联代码片。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>课程表</title> <style> table{table-layou...

html 中的tr th td

thebesttome的专栏

10-18

4066

转帖地址：http://www.jzxue.com/wangyesheji/html/201104/26-7274.html 表格是html中经常使用到的，简单的使用可能很多人都没问题，但是更深入的了解的人恐怕不多，下面我们先来看一下如何使用。是的上层标签必须在一个里面

1 条评论您还未登录，请先登录后发表或查看评论

HTML表格使用全指南，真的很详细

最新发布

(黎子)人生编码

06-20

2205

通过使用CSS媒体查询和JavaScript，开发者可以创建出既美观又实用的表格，确保用户在任何设备上都能获得良好的浏览体验。通过合理的语义化标签使用，开发者可以创建出既美观又易于理解的表格。通过使用适当的属性和技巧，我们可以提高表格的可访问性。通过CSS样式设计和布局控制，HTML表格不仅可以提供清晰的数据展示，还能成为网页上的美观元素。跨行和跨列是表格设计中常用的技术，用于合并单元格，使表格布局更加灵活和紧凑。控制表格的布局对于确保数据的可读性和表格的整体美观至关重要。标签进行表格的语义化。

html的tr和td标签

Mr. David 专栏

12-01

1万+

【HTML】表格标签（table，tr，td）

你今天真好看呀

08-22

2148

* 表格的主要作用是什么？表格主要作用是布局可以先将表格画出来,然后往表格中放入数据现代的网页布局采用table比较少，采用div布局比较多 * 表格相关语法： 1. 表格是table标签 2. border是table标签的一个属性，border是属性名,1px是属性值 border="1px",表示表格边框的宽度是1像素 px可以省略,默认就是像素 border='1px...

HTML 表格table tr td、表头标题、表结构、合并单元格

七七的博客

03-04

1万+

表格的主要作用表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。表格不是用来布局页面的，而是用来展示数据的。 <table> <tr> <td>单元格内的文字</td> </tr> </...

<table><th><tr><td>标签!

qq_41984637的博客

06-14

363

<table><th><tr><td>标签! (2012-04-01 21:38:03)转载▼标签： a408 表格定义间距单元格 it分类： html<table>标签是定义一个表格！<tr> - 定义表行<th> - 定义表头<td> - 定义表元(表格的具体数据)border

<body> <form action="QueryServlet" method="post"> 请输入用户名：<input type="text" name="userName"/> <input type="submit" value="查询"/> <a href="GetAllUsersServlet">显示全部</a> </form> <table border=1> <tr><th>用户名</th><th>密码</th><th>积分</th><th>注册时间</th></tr> <c:forEach items="${users }" var="item"> <tr> <td>${item.userName }</td> <td>${item.password }</td> <td>${item.integral }</td> <td>${item.registerTime }</td> <td><a href="">删除</a></td> </tr> </c:forEach> </table> </body>tomcat 删除一条记录怎么写

05-24

1. 在表格中为每行添加一个“删除”链接，可以通过在<tr>标签内添加一个<a>标签实现，例如： ``` <td><a href="DeleteServlet?id=${item.id}">删除</a></td> ``` 其中，`${item.id}`表示当前行的记录ID，将其作为...

jQuery+ajax实现动态添加表格tr td功能示例

12-11

在本文中，我们将深入探讨如何使用jQuery和Ajax技术来实现动态添加表格的`<tr>`和`<td>`功能。这个功能通常用于网页上的数据展示，特别是在用户交互时需要实时更新表格内容的情况，例如筛选、搜索或加载更多数据。 ...

HTML表格标签用法

HXL521666的博客

09-19

1044

1.表格的含义：现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理。 2.表格的基本语法： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> table用于定义一个表格标签。 ...

jQuery html表格排序插件tablesorter使用方法详解

12-10

2. **使用thead和tbody**：使用`<thead>`和`<tbody>`标签来分别定义表格的头部和主体。`<thead>`用于存放表头（th元素），而`<tbody>`则包含表格的行数据（td元素）。一个格式化的HTML表格示例如下： ```html ...

html5 表格标签 table tr td

weixin_30699741的博客

06-15

3016

最重要的三个 <table> 表格声明标签属性: boarder边框粗细 style可配合css 使用 <tr>行标签 table row 有表就可以建行 <td>单元格标签 table data 有行就可以建数据属性: colspandata占用格子, 或者可以理解为这个单...

html中table标签、tr标签、th标签、td标签的基础知识

热门推荐

TNANDXYF的博客

01-27

3万+

html表格标签——表格的基本结构表格的结构表格的基本标签表格标签的基本属性table标签的基本属性tr标签的基本属性th和td标签的基本属性表格的结构在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。例如下图所示的表格中，表格标题为“通讯录”，表格第一行单元格中的内容基本不变，称作项目表头，表格第二行后单元格的内容通常会动态改变，称作数据资料。基本表格表格的基本标签 HTML表格由table标签以及一个或多个tr、th或td标签组成： table标签：定义一个表格 ca

html中的tr和td

越是简单的东西，往往越接近于本质

04-18

1308

这是在网上找的、这个东西从来也没记过、用的时候上网查一下、查一次就存一下、省的以后再查 tr 标签——代表HTML表格中的一行 1） tr 标签是成对出现的,以<tr>开始,</tr>结束 2）属性 ——Common -- 一般属性 1》align ：代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | just...

表格标签

weixin_54418006的博客

04-14

935

表格标签 1.1表格主要作用表格主要用于显示数据、展示数据 1.2表格基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 1.<table></table>是用于定义表格的标签。 2.<td></td>标签用于定义表格中的行，必须嵌套在<table></t

html中table,tr,td

weixin_30367873的博客

08-10

123

table表格，tr表格中的行，tr表格中的列，等级关系是table>tr>td, 当然表格中还包括thead,tbody,tfoot,th,但由于浏览器支持缘故很少使用。另外table在现在的网页制作中也很少使用了，因为table不太灵活，现在多用ul>li。 table中常用的一些属性包括width、border、align、valign、colspan、rowspan（用...

HTML+CSS基础——基础标签（表格标签（table、tr、td、th等等））

weixin_66547608的博客

12-29

1872

这是一个包含表格的简单网页。该表格列出了两种不同的主机方案（Home starter hosting和Premium business hosting）以及它们的一些特点。表格的第一行是表头，包括三列，分别是空白列、Home starter hosting和Premium business hosting。接下来的行是表格的主体部分，每一行代表一种特点。第一行表示磁盘空间（Disk space），Home starter hosting拥有250MB的磁盘空间，而Premium business h

<html>table、th

大草包的博客

05-13

532

<table align/bgcolor/border/width cellpadding- 规定单元边沿与其内容之间的空白。 cellspacing- 规定单元格之间的空白。 summary = fram = 外侧边框的哪个部分是可见的。 "void"