HTML标签大全

HTML注释标签HTML DOCTYPE标签HTML a标签HTML abbr标签HTML acronym标签HTML address标签HTML area标签HTML applet标签HTML article标签HTML aside标签HTML audio标签HTML b加粗标签HTML base标签HTML5 bdi标签HTML basefont标签HTML bdo标签HTML big标签HTML blockquote标签HTML body标签HTML br标签HTML button标签HTML canvas标签HTML caption标签HTML center标签HTML cite标签HTML code标签HTML col标签HTML colgroup标签HTML command标签HTML datalist标签HTML dd标签HTML del标签HTML details标签HTML dfn标签HTML dialog标签HTML dir标签HTML dl标签HTML div标签HTML em标签HTML embed标签HTML fieldset 标签HTML figcaption 标签HTML figure 标签HTML font 标签HTML footer 标签HTML frame 框架HTML frameset 标签HTML head 标签HTML header 标签HTML5 hgroup 标签HTML h1-h6 标题标签HTML hr 标签HTML i 标签HTML iframe 标签HTML img 标签HTML input 标签HTML ins 标签HTML kbd 标签HTML5 keygen 标签HTML label 标签HTML legend 标签HTML li 标签HTML link 标签HTML map 标签HTML5 mark 标签HTML meta 标签HTML menu 标签HTML meter 标签HTML nav 标签HTML noframes 标签HTML noscript 标签HTML object 标签HTML ol 标签HTML optgroup 标签HTML option 属性HTML output 用法HTML p 段落标签HTML param 标签HTML pre 标签HTML html 标签HTML q 标签HTML5 progress 标签HTML5 rp 标签HTML5 rt 标签HTML5 ruby 标签HTML s 标签HTML samp 标签HTML section 标签HTML script 标签HTML select 标签HTML small 标签HTML source 标签HTML span 标签HTML strike 标签HTML strong 标签HTML sub 标签HTML style 标签HTML summary 标签HTML sup 标签HTML table 标签HTML tbody 标签HTML td 标签HTML tfoot 标签HTML textarea 标签HTML th 标签HTML thead 标签HTML time 标签HTML title 标签HTML tr 标签HTML tt 标签HTML track 标签HTML u 标签HTML ul 标签HTML var 标签HTML video 标签HTML wbr 标签

HTML table 标签

HTML <table> 标签

实例

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

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


浏览器支持

所有主流浏览器都支持 <table> 标签。


HTML table 边框线

css将table边框线美化为细线,css代码如下:

table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
th{font-weight:bold;background:#ccc;}


HTML table 合并单元格

colspan是表示横向合并单元格,rowspan是表示竖直合并单元格


标签定义及使用说明

<table> 标签定义 HTML 表格

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

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

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


HTML 4.01 与 HTML5之间的差异

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


属性

属性描述
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 不支持。规定表格的宽度。


全局属性

<table> 标签支持 HTML 的全局属性。


事件属性

<table> 标签支持 HTML 的事件属性。

把命令大全装进口袋

微信关注