Html Table Ñùʽ
¿òÏßÖÆ×÷³£ÓôúÂë
´úÂë
º¬Òå
<table>...</table>
½¨Á¢±í¸ñ£¬ËùÓÐµÄÆäËû±ê¼Ç¶¼ÐèÒªÔڴ˱ê¼ÇÖÐ
<table width=* heigth=*></table>
É趨±í¸ñ¿í¶ÈwidthºÍ¸ß¶Èheight£¬ÊôÐÔÖµ¿ÉÒÔʹÓõãÊý£¬È磺width=50£¬Ò²¿ÉÒÔʹÓðٷֱȣ¬È磺width=50%¡£
<table bgcolor=*></table>
±í¸ñ±³¾°É«¡£ÊôÐÔÖµ¿ÉʹÓÃÑÕɫӢÎÄÃû³ÆÈ磺bgcolor=Blue£¬Ò²¿ÉÒÔʹÓÃÊ®Áù½øÖÆÖµÈ磺bgcolor=#799ED2 ¡£
<table background=*></table>
±í¸ñµÄ±³¾°Í¼¡£*=±³¾°Í¼Æ¬Á´½Ó¡£Èçbackground=http://blog.hexun.com/images/rss2.png
<table border=*></table>
±í¸ñ¿òÏߵĿí¶È¡£È磺border=5
<table bordercolor=*></table>
ËùÓбí¸ñ¿òÏßÑÕÉ«£¬É«ÖµÍ¬ÉÏ¡£
<table bordercolordark=*></table>
±í¸ñ¿òÏß°µÃæ(¼´ÓÒ±ß.ϱß)ÑÕÉ«¡£
<table bordercolorlight=*></table>
±í¸ñ¿òÏßÁÁÃæ(¼´Éϱß.×ó±ß)ÑÕÉ«¡£
<table align=*></table>
±í¸ñˮƽ¶ÔÆëÊôÐÔ¡£ÊôÐÔÖµÓÐleft(×ó)center(ÖÐ)right(ÓÒ)ÈýÖÖ¡£
<table valign=*></table>
±í¸ñ´¹Ö±¶ÔÆëÊôÐÔ¡£ÊôÐÔÖµÓÐtop(¶¥²¿)bottom(µ×²¿)Á½ÖÖ¡£
<table cellspacing=*></table>
µ¥Ôª¸ñ¼ä϶ÊôÐÔ¡£
<table cellpadding=*></table>
µ¥Ôª¸ñÊý¾Ý¼ä϶ÊôÐÔ¡£
<table rules=*></table>
±í¸ñÄÚ¿òÏßÊôÐÔ¡£rules=none(Òþ²Ø±í¸ñÄÚËùÓпòÏß)¡£rules=rows(ÏÔʾËùÓÐÐмäµÄˮƽ¿òÏß)rules=cols(ÏÔʾËùÓÐÁмäµÄ´¹Ö±¿òÏß)
<tbody>....</tbody>
body±ê¼Ç¾ÍÊÇHTMLÎļþµÄÄÚÈÝ£¬Äڿɺ¬ÓÐËùÓÐÎÄ×Ö¡¢Í¼Æ¬¡¢±í¸ñºÍ¶àýÌåÎļþµÈ×éºÏ¡£´¦ÓÚ<table></table>ÄÚ¡£
<tr>......</tr>
ÐС£Ò»×é<tr></tr>Ϊ±í¸ñÒ»ÐÐ
<td>.....</td>
µ¥Ôª¸ñ¡£ÔÚ<tr>Óë</tr>Ö®¼ä£¬Ò»×é<td></td>¾ÍÊÇһС¸ñ¡£×¢£ºµ¥Ôª¸ñÒ²¿ÉÒÔ×ÔÉ趨¸ß¿í¶È£¬È磺<td width=150 height=30></td>
<td rowspan=*></td>
±í¸ñµÄÐкϲ¢¡£*£½È«²¿ºÏ²¢ÐÐÊý£¬Èçrowspan=5£¬Ö¸ÏòϺϲ¢ËÄÐС£
<td colspan=*></td>
µ¥Ôª¸ñºÏ²¢¡£*£½È«²¿ºÏ²¢¸ñÊý£¬Èçcolspan=5£¬Ö¸ÏòÓҺϲ¢Ëĸñ¡£
<td width=* height=* align=* valign=* bordercolor=* bgcolor=*></td>
<td&
Ïà¹ØÎĵµ£º
HTMLÊÇWebͳһÓïÑÔ£¬ÕâЩÈÝÄÉÔÚ¼âÀ¨ºÅÀïµÄ¼òµ¥±êÇ©£¬¹¹³ÉÁËÈç½ñµÄWeb£¬1991Ä꣬Tim Berners-Lee±àдÁËÒ»·Ý½Ð×ö¡°HTML±êÇ©¡±µÄÎĵµ£¬ÀïÃæ°üº¬ÁË´óÔ¼20¸öÓÃÀ´±ê¼ÇÍøÒ³µÄHTML±êÇ©¡£ËûÖ±½Ó½èÓÃSGMLµÄ±ê¼Ç¸ñʽ£¬Ò²¾ÍÊÇ ºóÀ´ÎÒÃÇ¿´µ½µÄHTML±ê¼ÇµÄ¸ñʽ¡£±¾ÎĽ²ÊöÁËHTMLÕâÃÅWeb±ê¼ÇÓïÑԵķ¢Õ¹¼òÊ·¡£ ´ÓIETFµ½W3C£ºHTML4֮· HTML1 ......
¸ù¾ÝÎÒ×î½üµÄһЩʵ¼ùÒÔ¼°ÔÚºÍһЩ¶ÁÕß½øÐйØÓÚHTML±í¸ñµÄʹÓÃÎÊÌ⹵֮ͨºó£¬¾ö¶¨Ð´ÕâÆªÎÄÕ¡£×ܵÄÀ´Ëµ£¬ÎÒ×¢Òâµ½ÓÉÓÚÎóµ¼ÐÔÐÅÏ¢£¬ËûÃǶÔÓÚtableµÄʹÓÃÓÐÖÖÏÈÈëΪÖ÷µÄÑá¶ñ¡£ÊÂʵÉϺܶàÈË»á˵”ÎÒ¿´µ½ÓÀÔ¶²»Ó¦¸ÃʹÓñí¸ñ”µÄ˵·¨£¬µ«ÊÇÕâ¾ø¶ÔÊÇ´íÎóµÄ£¡Õâ¸ö½¨ÒéÖ»ÊÇÕë¶ÔʹÓÃHTML±í¸ñÀ´¶¨ÒåÍøÒ³ ......
HTMLÓïÑÔÓï·¨´óÈ«
<! - - ... - -> Åú×¢
<!> ÅÜÂíµÆ
<marquee>...</marquee>ÆÕͨ¾í¶¯
<marquee behavior=slide>...</marquee>»¬¶¯
<marquee behavior=scroll>...</marquee>Ô¤Éè¾í¶¯
<marquee behavior=alternate>...</marquee>À´»Ø¾í¶¯
& ......
¿ÉÒÔ˵¼¸ºõÿ¸ö×ö¹ýWeb¿ª·¢µÄÈ˶¼Îʹý£¬µ½µ×ÔªËØµÄIDºÍNameÓÐÊ²Ã´Çø±ð°¢£¿ÎªÊ²Ã´ÓÐÁËID»¹ÒªÓÐNameÄØ?!
¶øÍ¬ÑùÎÒÃÇÒ²¿ÉÒԵõ½×îclassicalµÄ´ð°¸£ºID¾ÍÏñÊÇÒ»¸öÈ˵ÄÉí·ÝÖ¤ºÅÂ룬¶øName¾ÍÏñÊÇËûµÄÃû×Ö£¬IDÏÔÈ»ÊÇΨһµÄ£¬¶øNameÊÇ¿ÉÒÔÖØ¸´µÄ¡£
nameÔÀ´ÊÇΪÁ˱êʶ֮Ó㬵«ÊÇÏÖÔÚ¸ù¾Ý¹æ·¶£¬¶¼½¨ÒéÓÃidÀ´±êÊ¶ÔªËØ¡£
ÒÔÏÂÖ»ÄÜÓ ......
<script language="javascript">
function addItem()
{
var oTable = document.getElementById("whtable");
var oTbody = oTable.tBodies[0];
var v = oTbody.rows.length;
oTbody.insertRow(v);
oTbody.rows[v].id="itemtr ......