表格(TABLE)标记(TAGS)详细介绍-巨人网络通讯

主页 > 知识库 > 表格(TABLE)标记(TAGS)详细介绍

表格(TABLE)标记(TAGS)详细介绍

热门标签：使用U盘装系统检查注册表项智能手机硅谷的囚徒呼叫中心阿里云百度竞价点击价格的计算公式美图手机网站建设

表格的基本语法

<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)

带边框的表格：

复制代码

代码如下:

<table border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

不带边框的表格：

复制代码

代码如下:

<table>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

跨多行、多列的表元(Table Span)

跨多列的表元 <th colspan=#>

复制代码

代码如下:

<table border>
<tr><th colspan=3> Morning Menu</th>
<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Morning Menu
Food	Drink	Sweet
A	B	C

跨多行的表元 <th rowspan=#>

复制代码

代码如下:

<table border>
<tr><th rowspan=3> Morning Menu</th>
<th>Food</th> <td>A</td></tr>
<tr><th>Drink</th> <td>B</td></tr>
<tr><th>Sweet</th> <td>C</td></tr>
</table>

Morning Menu	Food	A
	Drink	B
	Sweet	C

表格尺寸设置

<table border=#>

边框尺寸设置：

复制代码

代码如下:

<table border=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

<table border width=# height=#>

表格尺寸设置：

复制代码

代码如下:

<table border width=170 height=100>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

<table border cellspacing=#>

表元间隙设置：

复制代码

代码如下:

<table border cellspacing=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

<table border cellpadding=#>

表元内部空白设置：

复制代码

代码如下:

<table border cellpadding=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

表格内文字的对齐/布局

<tr align=#>

<th align=#> #=left, center, right

<td align=#>

复制代码

代码如下:

<table border width=160>
<tr>
<th>Food</th><th>Drink</th><th>Sweet</th>
<tr>
<td align=left>A</td>
<td align=center>B</td>
<td align=right>C</td>
</table>

Food	Drink	Sweet
A	B	C

<tr valign=#>

<th valign=#> #=top, middle, bottom, baseline

<td valign=#>

复制代码

代码如下:

<table border height=100>
<tr>
<th>Food</th><th>Drink</th>
<th>Sweet</th><th>Other</th>
<tr>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>

Food	Drink	Sweet	Other
A	B	C	D

表格在页面中的对齐/布局(Floating Table)

<table align=left>

复制代码

代码如下:

<table align="left" border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

My favorites...<br> cookies, chocolates, and more.

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more.

<table align=right>

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more.

<table vspace=# hspace=#> #=space value

复制代码

代码如下:

<table align="left" border vspace=20 hspace=30>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

My favorites...<br> cookies, chocolates, and more.

Food	Drink	Sweet
A	B	C

My favorites...
cookies, chocolates, and more.

表格的标题

<caption align=#> ... </caption> #=left, center, right

复制代码

代码如下:

<table border>
<caption align=center>Lunch</caption>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Lunch
Food	Drink	Sweet
A	B	C

<caption valign=#> ... </caption> #=top, bottom

valign=top is default.

复制代码

代码如下:

<table border>
<caption valign=bottom>Lunch</caption>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Food	Drink	Sweet
A	B	C

Lunch

标签：怀化黄山贺州通辽湖北山南湘潭烟台

巨人网络通讯声明：本文标题《表格(TABLE)标记(TAGS)详细介绍》，本文关键词；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。

相关文章

电销机器人到底如何运作的？

很多人对电销机器人到底如何运作存在着巨大的好奇心，那么今天，小编就带大家看一下机器人的运作流程！电销...

电话机器人的兴起对电销行业来说是“惊喜”还

随着互联网大数据的普及，许多电销行业如雨后春笋般争先恐后地冒出来。而今电销行业的混乱，让各位涉足电销...

百应电话机器人有哪些功能？百应电话机器人好

百应智能电话机器人能够协助企业进行呼入接待、外呼回访等服务场景，能够经过不断的培训学习，逐步完善成专...

客服外呼系统都有哪些优势？

当前呼叫中心电话系统被企业用于业务电销以及客户服务，然而随着企业需求不断扩大，原来传统的自建呼叫中心...

电销机器人效果怎么样？智能电话机器人可行吗

几百数千年后，或许没人会记得卡斯帕罗夫曾是世界第一的围棋高手，但人们会记得，他败给了电脑深蓝。那虽算不...

百应智能外呼系统，贷后管理科技升级

去年底开始，接连出台政策和法规加强对消费金融等金融形态进行规范。强监管下，行业走向规范发展，行业竞...

百应智能外呼系统引领外呼行业新风向

电话销售：您好，我这边是XX地产，给您推荐一下精装酒店式公寓，有兴趣了解一下吗? 客户：具体位置在哪里啊?...

小贷企业为什么需要电销机器人？

随着信贷行业逐步进入我们的生活中，越来越多人选择借款来处理资金难题。信贷企业不断涌现，业务开展迅猛，行...

雷霆电话机器人是如何转接人工的？

当我们在拨通移动、联通或电信运营商的客服电话时，总会要先经过一些机械化的选择，然后成功连接人工坐席反馈...

米卡迪电话机器人效果怎么样？

外呼电话机器人，之所以能智能的与客户无忧交流，因为运用了下面这么多高技术。 ASR 语音识别米卡迪电话机器人...

灵声电话机器人效果怎么样？好用吗

外呼电话机器人，之所以能智能的与客户无忧交流，因为运用了下面这么多高技术。灵声电话机器人效果怎么样？...

电销机器人要想效果好，话术定制有多重要

电话机器人是基于智能语音技术的智能营销工具。它会像真人一样主动拨打客户的电话，介绍产品并回答客户的咨询...

智能电话机器人的实现原理，使用安全吗？

随着科学技术的进步和人工智能的发展，越来越多的智能产品已经进入我们的工作和生活。智能手机、智能电视、智...

福州哪里有电话机器人研发公司？

人工智能再次成为各行各业关注的焦点，自从这个概念首次提出以来，60年已经过去了。自从AlphaGo以巨大优势击败人...

电销机器人销售能力怎么样？

自从电话机器人一出现，在电销行业火爆了起来。面对电话机器人的各种优势，企业跃跃欲试，但又害怕效果不理...

推荐文章

关于知识产权民事纠纷的受案范围

ASP.NET中RadioButtonList绑定后台数据后触发点击事件

浅谈laravel 5.6 安装 windows上使用composer的安装过程

保护未注册商标的合理性

vbs实现右键菜单中添加CMD HERE

黑客窃取澳军资料，涉30GB敏感信息

如何搭建安装型呼叫中心系统

c#加密类使用方法示例

上一篇：html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式

下一篇：HTML相对路径(Relative Path)和绝对路径(Absolute Path)深入理解

一起分享吧

微信咨询办理

在线QQ客服
( 客服小王 )
( 客服小李 )
( 客服小刘 )
( 客服小张 )

关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

Copyright © 1999-2012 诚信合法规范的巨人网络 www.1330.cn 始建于2005年

全国网站建设网站开发咨询热线：400-1100-266 0514-86177077

江苏扬州巨人网络科技有限公司总部地址：江苏省扬州信息产业基地11号楼4层

《增值电信业务经营许可证》苏B2-20120278 苏ICP备15040257号网站地图

全国咨询热线

400-1100-266

在线客服( QQ：340506921 )

版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！全国统一服务热线：400-1100-266

微信客服

电话咨询
400-1100-266