¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®Áù£ºXHTML´úÂë¹æ·¶
1.ËùÓеıê¼Ç¶¼±ØÐëÒªÓÐÒ»¸öÏàÓ¦µÄ½áÊø±ê¼Ç
¡¡¡¡ÒÔǰÔÚHTMLÖУ¬Äã¿ÉÒÔ´ò¿ªÐí¶à±êÇ©£¬ÀýÈç<p>ºÍ<li>¶ø²»Ò»¶¨Ð´¶ÔÓ¦µÄ</p>ºÍ</li>À´¹Ø±ÕËüÃÇ¡£µ«ÔÚXHTMLÖÐÕâÊDz»ºÏ·¨µÄ¡£XHTMLÒªÇóÓÐÑϽ÷µÄ½á¹¹£¬ËùÓбêÇ©±ØÐë¹Ø±Õ¡£Èç¹ûÊǵ¥¶À²»³É¶ÔµÄ±êÇ©£¬ÔÚ±êÇ©×îºó¼ÓÒ»¸ö"/"À´¹Ø±ÕËü¡£ÀýÈç:
¡¡¡¡<br /><img height="80" alt="ÍøÒ³Éè¼ÆÊ¦" src="../images/logo_w3cn_200x80.gif" width="200" />
¡¡¡¡2.ËùÓбêÇ©µÄÔªËØºÍÊôÐÔµÄÃû×Ö¶¼±ØÐëʹÓÃСд
¡¡¡¡
¡¡¡¡ÓëHTML²»Ò»Ñù£¬XHTML¶Ô´óСдÊÇÃô¸ÐµÄ£¬<title>ºÍ<TITLE>ÊDz»Í¬µÄ±êÇ©¡£XHTMLÒªÇóËùÓеıêÇ©ºÍÊôÐÔµÄÃû×Ö¶¼±ØÐëʹÓÃСд¡£ÀýÈ磺<BODY>±ØÐëд³É<body> ¡£´óСд¼ÐÔÓÒ²ÊDz»±»ÈϿɵģ¬Í¨³£dreamweaver×Ô¶¯Éú³ÉµÄÊôÐÔÃû×Ö"onMouseOver"Ò²±ØÐëÐ޸ijÉ"onmouseover"¡£
¡¡¡¡3.ËùÓеÄXML±ê¼Ç¶¼±ØÐëºÏÀíǶÌ×
¡¡¡¡Í¬ÑùÒòΪXHTMLÒªÇóÓÐÑϽ÷µÄ½á¹¹£¬Òò´ËËùÓеÄǶÌ×¶¼±ØÐ밴˳Ðò£¬ÒÔǰÎÒÃÇÕâÑùдµÄ´úÂ룺
¡¡¡¡<p><b></p></b>
¡¡¡¡±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<p><b></b></p>
¡¡¡¡¾ÍÊÇ˵£¬Ò»²ãÒ»²ãµÄǶÌ×±ØÐëÊÇÑϸñ¶Ô³Æ¡£
¡¡¡¡4.ËùÓеÄÊôÐÔ±ØÐëÓÃÒýºÅ""À¨ÆðÀ´
¡¡¡¡ÔÚHTMLÖУ¬Äã¿ÉÒÔ²»ÐèÒª¸øÊôÐÔÖµ¼ÓÒýºÅ£¬µ«ÊÇÔÚXHTMLÖУ¬ËüÃDZØÐë±»¼ÓÒýºÅ¡£ÀýÈç:
¡¡¡¡<height=80>
¡¡¡¡
¡¡¡¡±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<height="80">
¡¡¡¡ÌØÊâÇé¿ö£¬ÄãÐèÒªÔÚÊôÐÔÖµÀïʹÓÃË«ÒýºÅ£¬Äã¿ÉÒÔÓÃ"£¬µ¥ÒýºÅ¿ÉÒÔʹÓÃ'£¬ÀýÈ磺
¡¡¡¡<alt="say'hello'">
¡¡¡¡5.°ÑËùÓÐ<ºÍ&ÌØÊâ·ûºÅÓñàÂë±íʾ
¡¡¡¡
¡¡¡¡ÈκÎСÓںţ¨<£©£¬²»ÊDZêÇ©µÄÒ»²¿·Ö£¬¶¼±ØÐë±»±àÂëΪ& l t ;
¡¡¡¡ÈκδóÓںţ¨>£©£¬²»ÊDZêÇ©µÄÒ»²¿·Ö£¬¶¼±ØÐë±»±àÂëΪ& g t ;
¡¡¡¡ÈκÎÓëºÅ£¨&£©£¬²»ÊÇʵÌåµÄÒ»²¿·ÖµÄ£¬¶¼±ØÐë±»±àÂëΪ& a m p;
¡¡¡¡×¢£ºÒÔÉÏ×Ö·ûÖ®¼äÎÞ¿Õ¸ñ¡£
¡¡¡¡6.¸øËùÓÐÊôÐÔ¸³Ò»¸öÖµ
¡¡¡¡XHTML¹æ¶¨ËùÓÐÊôÐÔ¶¼±ØÐëÓÐÒ»¸öÖµ£¬Ã»ÓÐÖµµÄ¾ÍÖØ¸´±¾Éí¡£ÀýÈ磺
¡¡¡¡<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
¡¡¡¡7.²»ÒªÔÚ×¢ÊÍÄÚÈÝÖÐʹ“--”
¡¡¡¡“--”Ö»ÄÜ·¢ÉúÔÚXHTML×¢Ê͵Ŀ
Ïà¹ØÎĵµ£º
¡¡´ó¶àÊýÈ˺ÜÈÝÒ×½«CSSÊôÐÔdisplayºÍvisibility»ìÏý£¬ËüÃÇ¿´ËÆÃ»ÓÐʲô²»Í¬£¬ÆäʵËüÃǵIJî±ðÈ´ÊǺܴóµÄ¡£
¡¡¡¡visibilityÊôÐÔÓÃÀ´È·¶¨ÔªËØÊÇÏÔʾ»¹ÊÇÒþ²Ø£¬ÕâÓÃvisibility="visible|hidden"À´±íʾ£¬visible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"µÄʱºò£¬ÔªËØËäÈ»±»Òþ²ØÁË£¬µ«ËüÈÔȻռ¾ÝËüÔÀ´ËùÔÚµÄλÖà ......
ҳͷ£ºheader
µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo
²àÀ¸£ºsideBar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubNav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubMenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguild
·þÎñ£ºse ......
¡¡¡¡×÷ÎªÍøÒ³Éè¼ÆÊ¦(ǰ¶Ë¹¤³Ìʦ)£¬Äã¿ÉÄÜ»¹¼ÇµÃÔø¾µÄÄǸöÍøÒ³´óС½¨Òé:Ò»¸öÍøÒ³£¨°üÀ¨HTML¡¢CSS¡¢Javacript¡¢FlashºÍͼ
Ƭ£©¾¡Á¿²»Òª³¬¹ý30KBµÄ´óС£¬Ëæ×Å»¥ÁªÍøµÄÈÕÒæÅÓ´ó£¬ÍøÂç´ø¿íÒ²ÔÚ·ÉËÙ·¢Õ¹£¬ºÜ¶àÉè¼ÆÊ¦ÒѾ²»ÔÙ¿¼ÂÇÕâÌõ30KBµÄÀíÏë×¼Ôò¡£Ëæ×ÅÔ½À´Ô½ÊÜ»¶ÓµÄ
CSS²¼¾ÖºÍJavascript¶ÔÍøÕ¾Óû§ÌåÑéµÄÇ¿»¯£¬Ê¹µÃÕâÖÖÏÖÏ ......
.box128{
width:128px;
height:128px;
text-align: center;
vertical-align:middle;
display:table-cell !important;
display:block;
border:1px solid #DDD;
  ......
1¡¢ul±êÇ©ÔÚMozillaÖÐĬÈÏÊÇÓÐpaddingÖµµÄ£¬¶øÔÚIEÖÐÖ»ÓÐmarginÓÐÖµ¡£
2¡¢Í¬Ò»¸öµÄclassÑ¡Ôñ·û¿ÉÒÔÔÚÒ»¸öÎĵµÖÐÖØ¸´³öÏÖ£¬¶øidÑ¡Ôñ·ûÈ´Ö»ÄܳöÏÖÒ»´Î£»¶ÔÒ»¸ö±êǩͬʱʹÓÃclassºÍid½øÐÐCSS¶¨Ò壬Èç¹û¶¨ÒåÓÐÖØ¸´£¬idÑ¡Ôñ·û×öµÄ¶¨ÒåÓÐЧ£¬ÊÇÒòΪIDµÄȨֵҪ±ÈCLASS´ó¡£
3¡¢Ò»¸ö¼æÈÝÐÔµ÷Õû(IEºÍMozilla)µÄ±¿°ì·¨£º³õѧ¿É ......