文章
专题
学习
下载
问答
编程词典
手游
PHP
大前端
登录
简体中文(ZH-CN)
English(EN)
繁体中文(ZH-TW)
日本語(JA)
한국어(KO)
Melayu(MS)
Français(FR)
Deutsch(DE)
HTML 开发手册
收藏(325)
分享
目录
搜索
书签
HTML 教程- (HTML5 标准)
HTML 教程
HTML 简介
HTML 编辑器
HTML 基础- 4个实例
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 文本格式化
HTML 链接
HTML 头部
HTMLCSS
HTML 图像
HTML 表格
HTML 列表
HTML 区块
HTML 布局
HTML 表单
HTML 框架
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML脚本
HTML 字符实体
HTML 网址
HTML 速查列表
HTML 总结
HTML-XHTML
HTML 媒体
HTML 多媒体
HTML 插件
HTML 音频(Audio)
HTML 视频（Videos）
HTML 标签
<一>
<缩写>
<缩写词>
<地址>
<小程序>
<区域>
<文章>
<旁白>
<音频>
<基地>
<基本字体>
<大>
<块引用>
<正文>
<按钮>
<画布>
<标题>
<中心>
<引用>
<代码>
<栏>
<命令>
<数据列表>
<删除>
<详情>
<对话框>
<目录>
<嵌入>
<字段集>
<图标题>
<图>
<字体>
<页脚>
<表格>
<框架>
<框架集>
<头>
<标题>
-
<小时>
<我>
</a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-img.html"><图片></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-input.html"><输入></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ins.html"><ins></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-kbd.html"><KBD></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-keygen.html"><注册机></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-label.html"><标签></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-legend.html"><图例></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-li.html"><li></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-link.html"><链接></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-map.html"><地图></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-mark.html"><标记></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-menu.html"><菜单></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-meta.html"><元></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-meter.html"><米></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-nav.html"><导航></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-noframes.html"><无帧></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-noscript.html"><无脚本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-object.html"><对象></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ol.html"><ol></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-optgroup.html"><选择组></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-option.html"><选项></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-output.html"><输出></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-p.html"><p></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-param.html"><参数></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-pre.html"><前></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-html.html"><html></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-progress.html"><进度></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-q.html"><q></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-rp.html"><rp></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-rt.html"><rt></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ruby.html"><红宝石></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-s.html"><s></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-samp.html"><样本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-script.html"><脚本></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-section.html"><部分></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-select.html"><选择></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-small.html"><小></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-source.html"><来源></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-span.html"><跨度></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-strike.html"><罢工></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-strong.html"><强></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-style.html"><风格></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-sub.html"><子></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-summary.html"><摘要></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-sup.html"><sup></a> </dd> <dd class="on"> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-table.html"><表></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tbody.html"><正文></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-td.html"><td></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-textarea.html"><文本区域></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tfoot.html"><t脚></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-th.html"><第></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-thead.html"><标题></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-time.html"><时间></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-title.html"><标题></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tr.html"><tr></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-track.html"><曲目></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-tt.html"><TT></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-u.html"><u></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-ul.html"><ul></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-var.html"><曾经></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-video.html"><视频></a> </dd> <dd> <i class="phpcn-icon phpcn-icon-icon_shiyongwendang"></i> <a href="//m.sbmmt.com/zh/tags/tag-wbr.html"><br></a> </dd> </dl></li> </ul> </div> </div> </div> <div class="content"> <article class="phpcn-col-md9"> <div class="c-site"> <div class="c-site-a"> <a href="//m.sbmmt.com/zh/course/27.html">HTML 开发手册</a> <span>/</span><table> </div> </div> <div class="article-intro"> <h1 class="manual_con_title"><table></h1> <p class="intro">HTML <table> 标签 实例 一个简单的 HTML 表格，包含两列两行： <table border='1'> <tr> <th>Month</th> &..</p> <hr> <div class="article-intro" id="content"> <h1>HTML<span class="color_h1"><table></span>标签</h1> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2653">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <hr> <h2>浏览器支持</h2> <p><img src="http://img.php.cn/upload/image/542/323/904/1477026678924317.png" title="1477026678924317.png" alt="1000.png"></p> <p>所有主流浏览器都支持 <table> 标签。</p> <hr> <h2>标签定义及使用说明</h2> <p><table> 标签定义 HTML 表格</p> <p>一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。</p> <p><tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。</p> <p>更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。</p> <hr> <h2>HTML 4.01 与 HTML5之间的差异</h2> <p>在 HTML5 中，仅支持 "border" 属性，并且只允许使用值 "1" 或 ""。</p> <hr> <h2>属性</h2> <table class="reference notranslate"> <tbody> <tr class="firstRow"> <th align="left" width="20%">属性</th> <th align="left" width="20%">值</th> <th align="left" width="55%">描述</th> </tr> <tr> <td>align</td> <td>left<br>center<br>right</td> <td><span class="deprecated">HTML5 不支持。HTML 4.01 已废弃。</span>规定表格相对周围元素的对齐方式。</td> </tr> <tr> <td>bgcolor</td> <td><em>rgb(x,x,x)<br>#xxxxxx<br>colorname</em></td> <td><span class="deprecated">HTML5 不支持。HTML 4.01 已废弃。</span>规定表格的背景颜色。</td> </tr> <tr> <td>border</td> <td>1<br>""</td> <td>规定表格单元是否拥有边框。</td> </tr> <tr> <td>cellpadding</td> <td><em>pixels</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定单元边沿与其内容之间的空白。</td> </tr> <tr> <td>cellspacing</td> <td><em>pixels</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定单元格之间的空白。</td> </tr> <tr> <td>frame</td> <td>void<br>above<br>below<br>hsides<br>lhs<br>rhs<br>vsides<br>box<br>border</td> <td><span class="deprecated">HTML5 不支持。</span>规定外侧边框的哪个部分是可见的。</td> </tr> <tr> <td>rules</td> <td>none<br>groups<br>rows<br>cols<br>all</td> <td><span class="deprecated">HTML5 不支持。</span>规定内侧边框的哪个部分是可见的。</td> </tr> <tr> <td>summary</td> <td><em>text</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定表格的摘要。</td> </tr> <tr> <td>width</td> <td><em>pixels<br>%</em></td> <td><span class="deprecated">HTML5 不支持。</span>规定表格的宽度。</td> </tr> </tbody> </table> <br> <hr> <h2>全局属性</h2> <p><table> 标签支持 HTML 的全局属性。</p> <hr> <h2>事件属性</h2> <p><table> 标签支持 HTML 的事件属性。</p> <hr> <div class="tryit_ex"> <img src="//m.sbmmt.com/zh/style/images/tryitimg.gif" alt="Examples" height="46px" width="40"> <h2>尝试一下 - 实例</h2> </div> <p>表格中的标题<br>本例演示如何显示表格标题。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <h4>表格使用水平标题:</h4> <table border="1"> <tr> <th>Name</th> <th>Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> </tr> </table> <h4>表格使用垂直标题:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th>Telephone:</th> <td>555 77 854</td> </tr> </table> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2654">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>空单元格<br>本例演示如何使用 " " 处理没有内容的单元格。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <table border="1"> <tr> <td>一些文本</td> <td>一些文本</td> </tr> <tr> <td></td> <td>一些文本</td> </tr> </table> <p>如果在上面的空单元格中没有边框，你可以插入一个空格 ： </p> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2655">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>带有标题的表格<br>本例演示一个带标题(caption)的表格。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$50</td> </tr> </table> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2656">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>表格内的标签<br>本例演示如何在其他的元素内显示元素。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <table border="1"> <tr> <td> <p>这是一个段落</p> <p>这是另一个段落</p> </td> <td>这个单元格包含一个表格: <table border="1"> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>C</td> <td>D</td> </tr> </table> </td> </tr> <tr> <td>这个单元格包含一个列表 <ul> <li>apples</li> <li>bananas</li> <li>pineapples</li> </ul> </td> <td>HELLO</td> </tr> </table> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2657">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <p>跨行或跨列的表格单元格<br>本例演示如何定义跨行或跨列的表格单元格。</p> <div class="example"> <h2 class="example">实例</h2> <div class="example_code"> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <h4>单元格跨两格:</h4> <table border="1"> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> <h4>单元格跨两列:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table> </body> </html></pre> </div> <br> <a target="_blank" href="#" class="showbtn codebtn" data-code_id="2658">运行实例 »</a> <p>点击 "运行实例" 按钮查看在线实例</p> </div> <hr> <h2>相关文章</h2> <p>HTML 教程：HTML 表格</p> <p>HTML DOM 参考手册：Table 对象</p> </div> <p><br></p> </div> <div class="previous-next-links"> <div class="previous-design-link"> ← <a href="//m.sbmmt.com/zh/tags/tag-sup.html" rel="prev"><sup></a> </div> <div class="next-design-link"> <a href="//m.sbmmt.com/zh/tags/tag-tbody.html" rel="next"><tbody></a>→ </div> </div> </article> <div class="right-item phpcn-col-md2"> <ul> <li><h3>教程导航</h3> <dl class="navigation"> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" target="_blank" title="大前端">大前端</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="超文本标记语言">超文本标记语言</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="CSS">CSS</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="HTML5">HTML5</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="CSS3">CSS3</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="JavaScript">JavaScript</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="jQuery">jQuery</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="Vue.js">Vue.js</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="反应">反应</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="AngularJS">AngularJS</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="Node.js">Node.js</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="阿贾克斯">阿贾克斯</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="引导程序">引导程序</a> <a href="//m.sbmmt.com/zh/course/list/1/type/3.html" title="基础">基础</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" target="_blank" title="JavaScript">JavaScript</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" title="高图表">高图表</a> <a href="//m.sbmmt.com/zh/course/list/2/type/3.html" title="地图应用程序接口">地图应用程序接口</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" target="_blank" title="后端开发">后端开发</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="PHP">PHP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="ThinkPHP">ThinkPHP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="拉维尔">拉维尔</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="Python">Python</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="去">去</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="爪哇">爪哇</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C">C</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C++">C++</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="C＃">C＃</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="联合应用程序">联合应用程序</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="姜戈">姜戈</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="网络平台">网络平台</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="ASP">ASP</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="XML">XML</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="红宝石">红宝石</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="Python3">Python3</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="珀尔">珀尔</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="服务程序">服务程序</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="卢阿">卢阿</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="斯卡拉">斯卡拉</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="应用机器学习">应用机器学习</a> <a href="//m.sbmmt.com/zh/course/list/3/type/3.html" title="VB脚本">VB脚本</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" target="_blank" title="数据库">数据库</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="MySQL">MySQL</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="雷迪斯">雷迪斯</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="甲骨文">甲骨文</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="MongoDB">MongoDB</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="内存缓存">内存缓存</a> <a href="//m.sbmmt.com/zh/course/list/4/type/3.html" title="SQL服务器">SQL服务器</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" target="_blank" title="移动端">移动端</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="小程序">小程序</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="统一应用程序">统一应用程序</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="扑">扑</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="安卓">安卓</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="iOS系统">iOS系统</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="迅速">迅速</a> <a href="//m.sbmmt.com/zh/course/list/5/type/3.html" title="其它">其它</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" target="_blank" title="运维开发">运维开发</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="Linux">Linux</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="码头工人">码头工人</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="Php学习">Php学习</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="git">git</a> <a href="//m.sbmmt.com/zh/course/list/9/type/3.html" title="其它工具">其它工具</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" target="_blank" title="UI设计">UI设计</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="阿胡尔">阿胡尔</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="多维控制">多维控制</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="网页表格">网页表格</a> <a href="//m.sbmmt.com/zh/course/list/7/type/3.html" title="聚苯乙烯">聚苯乙烯</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" target="_blank" title="计算机基础">计算机基础</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="设计模式">设计模式</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="正则表达式">正则表达式</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="HTTP协议">HTTP协议</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="网站建设指南">网站建设指南</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="浏览器信息">浏览器信息</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="网站主机">网站主机</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="TCP/IP">TCP/IP</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="万维网联盟">万维网联盟</a> <a href="//m.sbmmt.com/zh/course/list/10/type/3.html" title="基本代码">基本代码</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" target="_blank" title="XML">XML</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="DTD">DTD</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XML文档对象模型">XML文档对象模型</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XSLT">XSLT</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X路径">X路径</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X查询">X查询</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="星联">星联</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="X指针">X指针</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XML模式">XML模式</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="XSL-FO">XSL-FO</a> <a href="//m.sbmmt.com/zh/course/list/6/type/3.html" title="静止无功发生器">静止无功发生器</a> </div> </dd> <dd class="right-item-mouseover"> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" target="_blank" title="网页服务">网页服务</a> <div class="phpcn-ps-a"> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="网页服务">网页服务</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="WSDL">WSDL</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="肥皂">肥皂</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="RSS">RSS</a> <a href="//m.sbmmt.com/zh/course/list/8/type/3.html" title="RDF">RDF</a> </div> </dd> </dl></li> </ul> </div> </div> <div id="codeMark"></div> <div id="codeMain"> <div class="left"> <div id="codeEditor"></div> <div class="editor-btn"> <div class="editor-btn-inner"> <a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="提交">提交</a> </div> </div> </div> <div class="right"> <div id="codeResult"></div> </div> <div id="close"></div> </div> </body> </html>
