HTML_table标签

最新推荐文章于 2024-07-05 22:38:16 发布
最新推荐文章于 2024-07-05 22:38:16 发布
阅读量103 收藏
点赞数
文章标签： H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43652205/article/details/98722702
版权

table

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格标签</title>
	</head>
	<body>
		<table border="1px" width="1000px" cellpadding="20px" cellspacing="0px" align="center" bgcolor="antiquewhite">
			<caption><h3>成绩单</h3></caption>
			<tr height="124px">
				<th>科目</th>
				<th><a href="https://baike.baidu.com/item/离散数学/2396?fr=aladdin">离散数学</a></th>
				<th><a href="https://baike.baidu.com/item/英语/109997?fr=aladdin">英语</a></th>
				<th><a href="https://baike.baidu.com/item/%E9%AB%98%E7%AD%89%E6%95%B0%E5%AD%A6/1182?fromtitle=%E9%AB%98%E6%95%B0&fromid=18490111&fr=aladdin">高数</a></th>
				<th><a href="https://baike.baidu.com/item/%E4%BD%93%E8%82%B2">体育</a></th>
			</tr>
			
			<tr height="124px">
				<th>成绩</th>
				<td>80</td>
				<td>80</td>
				<td>76</td>
				<td>86</td>
			</tr>																										
		</table>
	</body>
</html>

结果

 

单元格的合并

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>单元格的合并</title>
	</head>
	<body>
		
		<table border="1px" width="900" height="400" bgcolor="antiquewhite" align="center">
			<caption><h3><i><u>单元格合并</u></i></h3></caption>
			<tr>
				<td></td>
				<td></td>
				<!-- 合并第三列前两个单元格 行合并-->
				<td rowspan="2"></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<!-- 合并第二行前两个单元格  列合并-->
				<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></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

结果 

 

一抹鱼肚白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
＜table＞表单
qq_50646296的博客
05-26 1647
2.<table>表格 2.1 <table>-----------用来定义一个表格 <thead>----------用来定义表格的头部 <tbody>----------用来定义表格的主体 <tr>---------------用来定义表格的一行 <td>-------------用来定义一行内的每一列（定义行内的元素） <th>-------------与<td>类似，但会加粗元素 <
<table>
立业的博客
12-14 514
■ 定义 <table>为表格标签，用来定义网页中的表格 ■ 使用说明 表格主要用于显示，展示数据，因为它可以让数据显示的非常的规整，使其可读性好 表格不是用来布局页面的，是用来展示数据的 ■ 示例 <table align="center" border="1" cellpadding="1" cellspacing="0" width="100" height="50...
table
wenyuel的博客
08-30 184
table td的宽度可以可以设置，但是如果内容超过宽度，会加大宽度。 在表格td中，有两个属性控制居中显示： align——表示左右居中——left，center，right valign——控制上下居中——left，center，right cellspacing：设置单元格之间的距离 cellspadding的效果：随着cellpadding的值的变化，单元格中的内容会不断的与边...
HTML-table表格
m0_60979337的博客
10-17 148
表格table 标签运用
＜table＞标签
qq_70005642的博客
07-07 182
table标签
FormTable_html_Table_
09-28
本教程将深入探讨HTML中的表格（Table）元素，以及如何使用表格进行排版，同时也会涉及HTML表单（Form）的创建和使用，以及重要的CSS盒子模型。 1. HTML表格（Table）： - `<table>`：创建一个基本的表格，它是...
html_table_generator.zip_Table_Table Generat_table generator_生成H
09-23
HTML表格由`<table>`标签开始，以`</table>`结束。行由`<tr>`标签定义，单元格由`<td>`（数据单元格）或`<th>`（表头单元格）标签定义。例如： ```html <table> 表头1 表头2 数据1 数据2 </table> ``` ...
HTML.zip_Table
09-14
在"HTML.zip_Table"这个压缩包中，重点聚焦于HTML中的表格元素`<table>`及其相关的标签和属性。表格在网页中用于展示数据，如报表、日程表或者比较信息等。 首先，`<table>`标签是创建HTML表格的基础。它定义了一个...
html.rar_Table_html 音乐_音乐网站
09-23
标签“table html”强调了HTML表格的使用，这可能涉及到`<table>`, `<tr>`, `<th>` 和 `<td>`等标签。这些标签分别用于定义表格、表格行、表头单元格和数据单元格。例如，`<table>`是表格的容器，`<tr>`定义每一行，...
VC.test.design.HTML.table.code.rar_Table_VC Html
09-21
首先，创建一个基本的HTML表格非常简单，只需使用`<table>`标签开启表格，然后嵌套`<tr>`标签来定义行，`<th>`和`<td>`标签来定义表头和数据单元格。例如： ```html <table> 列1 列2 数据1 数据2 </...
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 <table> 标签
wood的博客
10-03 1007
table 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。1、简单表格<table border="1"> <tr> <td>姓名</td> <td>语文</td> <td>数学</td> <td>英语
table标签
qq_50931436的博客
05-30 7642
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 ...
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 标签（table的属性，语义化表格，简易表格，合并单元格）
最新发布
朝阳39的博客
07-05 631
html 中的表格<table>由行<tr>组成，每行由单元格<td>组成。所以表格是由行组成（行由列组成），而不是由行和列组成。table 标签，属于块级元素。
html(七)：table标签
白骨梦儿
06-13 795
一、表格标签：<table> <table border="1px" cellpadding="10px" cellspacing="5px"> <thead> <tr> <th>name</th> <th>id</th&...
html table标签
qq_34707150的博客
11-17 6224
table为表格标签 tr为行，td为列，th为每一个数据的表头。 注意：将th写在与tr平级效果如上图，为每一列的表头。将th写在与td平级效果如下图，为每一行表头。 一个小技巧： table[border=$].item$#item$*3>tr*3>td*4>{$$} 创建的是border从1到3,class从1到3,id从1到3,3行4列,数据为两位数字的3个表格。
HTML——表格标签＜table＞与表格实现
qq_51869518的博客
06-25 5055
表格标签的实际应用和表格属性colspan和rowspan的详细解释与使用的实例和规则，以及不同形式的表格的实现；课程表、日历和的代码实现。欢迎大家能有更好的建议。
Table 标签详解
热门推荐
_
02-11 3万+
<table>在HTML 中定义了表格布局。说到 table 标签，我们可以想到的大致有以下几个元素：<tr>、<th>、<td>、<thead>、<tbody>、<tfoot>接下来，我们看看每个元素有什么用，使用后会有怎样的效果。 table 的基本使用 1.<table> <!DOCTYPE html> <html><head><meta charset=".
htmltable标签
10-16
HTML中的table标签用于创建表格，可以通过指定行和列来定义表格的结构。下面是一个简单的例子： ``` <table> 姓名 年龄 张三 <td>20 李四 <td>22 </table> ``` 在上面的例子中，`<table>`标签...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值