HTML <!--...--> 注释标签HTML <!DOCTYPE> 声明HTML <a> 标签HTML <abbr> 标签HTML <address> 标签HTML <area> 标签HTML <article> 标签HTML <aside> 标签HTML <audio> 标签HTML <b> 标签HTML <base> 标签HTML <bdi> 标签HTML <bdo> 标签HTML <blockquote> 标签HTML <body> 标签HTML <br/> 标签HTML <button> 标签HTML <canvas> 标签HTML <caption> 标签HTML <cite> 标签HTML <code> 标签HTML <col> 标签HTML <colgroup> 标签HTML <command> 标签HTML <datalist> 标签HTML <dd> 标签HTML <del> 标签HTML <details> 标签HTML <dfn> 标签HTML <dialog> 标签HTML <div> 标签HTML <dl> 标签HTML <dt> 标签HTML <em> 标签HTML <embed> 标签HTML <fieldset> 标签HTML <figcaption> 标签HTML <figure> 标签HTML <font> 标签HTML <footer> 标签HTML <form> 标签HTML <head> 标签HTML <header> 标签HTML5 <hgroup>标签HTML <h1> - <h6> 标签HTML <html> 标签HTML <hr> 标签HTML <i> 标签HTML <iframe> 标签HTML <img> 标签HTML <input> 标签HTML <ins> 标签HTML <kbd> 标签HTML <keygen> 标签HTML <label> 标签HTML <legend> 标签HTML <li> 标签HTML <link> 标签HTML <map> 标签HTML5 <mark> 标签HTML <menu> 标签HTML <meta> 标签HTML <meter> 标签HTML <nav> 标签HTML <noscript> 标签HTML <object> 标签HTML <ol> 标签HTML <optgroup> 标签HTML <option> 标签HTML <output> 标签HTML <p> 标签HTML <param> 标签HTML <pre> 标签HTML <progress> 标签HTML <q> 标签HTML <rp> 标签HTML <rt> 标签HTML <ruby> 标签HTML <s> 标签HTML <samp> 标签HTML <script> 标签HTML <section> 标签HTML <select> 标签HTML <small> 标签HTML <source> 标签HTML <span> 标签HTML <strike> 标签HTML <strong> 标签HTML <style> 标签HTML <sub> 标签HTML <summary> 标签HTML <sup> 标签HTML <table> 标签HTML <tbody> 标签HTML <td> 标签HTML <textarea> 标签HTML <tfoot> 标签HTML <th> 标签HTML <thead> 标签HTML <time> 标签HTML <title> 标签HTML <tr> 标签HTML <track> 标签HTML <tt> 标签HTML <u> 标签HTML <ul> 标签HTML <var> 标签HTML <video> 标签HTML <wbr> 标签

HTML <table> 标签

html <table> 标签定义 HTML 表格

一个 HTML 表格包括 <table> 元素,一个或多个 <tr> 、 <th> 以及 <td> 元素

  • <tr> 元素定义表格行
  • <th> 元素定义表头
  • <td> 元素定义表格单元

更复杂的 HTML 表格也可能包括 <caption> 、<col> 、<colgroup> 、<thead> 、<tfoot> 以及 <tbody> 元素


属性

属性描述
alignleft
center
right
HTML5 不支持,HTML 4.01 已废弃
设置表格相对周围元素的对齐方式
bgcolorrgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持,HTML 4.01 已废弃
设置表格的背景颜色
border1
""
设置表格单元是否拥有边框
cellpaddingpixelsHTML5 不支持
设置单元边沿与其内容之间的空白
cellspacingpixelsHTML5 不支持
设置单元格之间的空白
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持
设置外侧边框的哪个部分是可见的
rulesnone
groups
rows
cols
all
HTML5 不支持
设置内侧边框的哪个部分是可见的
summarytextHTML5 不支持
设置表格的摘要
widthpixels
%
HTML5 不支持
设置表格的宽度

范例

一个简单的 HTML 表格,包含两列两行

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>


范例列表

链接描述
表格中的标题如何显示表格标题
空单元格如何使用 " " 处理没有内容的单元格
带有标题的表格一个带标题(caption)的表格
表格内的标签如何在其他的元素内显示元素
跨行或跨列的表格单元格如何定义跨行或跨列的表格单元格

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""


链接: https://fly63.com/course/3_164