Web¿ª·¢ µÚÒ»²¿·Ö HTML½Ì³Ì»ù´¡£¨Ê®£©Áбí
ÉÏÒ»ÕÂÎÒÃÇѧϰÁË“±í¸ñ”µÄ»ù±¾Ó÷¨£¬¿ÉÒÔ¿´µ½£¬±í¸ñ½«ÄÚÈÝÒÔÐÐÁз½Ê½½øÐÐ×éÖ¯²¼¾Ö£¬¿ÉÒÔÈÃÍøÒ³µÄÔĶÁÕ߷dz£ÈÝÒ׵ĻñÈ¡µ½ÐÅÏ¢¡£
ÕâÒ»ÕÂÎÒÃǽéÉÜÁ½ÖÖÁÐ±í£¬ËùνÁбí¾Í¿ÉÒÔ¿´×÷Ϊ±í¸ñµÄÒ»ÁУ¬¿ÉÒÔ°ÑÒ»ÀàÄÚÈÝ×éÖ¯ÔÚÒ»Æð¡£
ÓÐÁËÇ°ÃæµÄ»ù´¡£¬ÁбíºÜºÃÕÆÎÕ£¬Ö»ÐèÒª¼ÇסһЩ±êÇ©ºÍÊôÐÔ¼´¿É¡£
----------------
µ¥ÁÐÁÐ±í£º
ÏÈ¿´´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Áбí</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<dl>
<dt>Áбí±êÌâ1</dt>
<dd>µÚÒ»Ìõ</dd>
<dd>µÚ¶þÌõ</dd>
<dd>µÚÈýÌõ</dd>
<dt>Áбí±êÌâ2</dt>
<dd>µÚÒ»Ìõ</dd>
<dd>µÚ¶þÌõ</dd>
<dd>µÚÈýÌõ</dd>
</dl>
</body>
</html>
´úÂëÖ´Ðнá¹ûÈçÏ£º
¿ÉÒÔ¿´µ½£º
dl±êÇ©±íʾһ¸öµ¥ÁÐÁÐ±í£»
dt±êÇ©±íʾһ¸öÁбí±êÌ⣬ĬÈÏΪÎı¾¾Ó×ó£»
dd±êÇ©±íʾһÌõÁбíÄÚÈÝ£¬Ä¬ÈÏΪÎı¾¾ÓÓÒ£»
ĬÈÏÇé¿öÏ£¬ÁбíµÄ¿í¶ÈºÍÎı¾³¤¶È×î´óµÄdt»òdd±êÇ©¿í¶ÈÏàͬ£¬¿ÉÒÔʹÓÃbrµÈ±êÇ©¶Ôdt»òddÖеÄÄÚÈݽøÐл»ÐУ»
dl¡¢dt¡¢dd±êǩûÓÐÌØÊâµÄÊôÐÔ£¬Õâ3¸ö±êÇ©Ö÷ÒªÒªÅäºÏCSSÑùʽ±íʹÓ㬺óÃæ»á½éÉÜ
----------------
ÎÞÐòÁÐ±í£º
¿´ÏÂÁдúÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Áбí</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
ÎÞÐòÁÐ±í£º
<ul>
<li>
µÚÒ»²¿·Ö
<ul>
<li>
µÚÒ»µã
</li>
<li>
µÚ¶þµã
</li>
<li>
µÚÈýµã
</li>
</ul>
</li>
<li>
µÚ¶þ²¿·Ö
<ul type="square">
<li>
µÚÒ»µã
</li>
<li>
µÚ¶þµ
Ïà¹ØÎĵµ£º
1¡¢·Ö¶Î
ÊäÈëÈçÏ´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb231 ......
<table border="1" style="empty-cells:show; border-collapse:collapse;">
<tr><td>111</td><td></td>
<tr><td></td><td>2222</td>
<table>
attention:
style="empty ......
ÍøÒ³ÖÆ×÷ÖУ¬ÎªÁË·½±ãÈÕºóÐ޸ĻòÐ×÷¿ª·¢£¬³£³£Òª¶ÔÒ³Ãæ½øÐÐÏàÓ¦µÄ×¢ÊÍ£¬ÄãÍøÒ³½á¹¹ÇåÎú£¬¿É¶ÁÐÔÔöÇ¿¡£ÒÔϽéÉܼ¸ÖÖ³£ÓõÄ×¢ÊÍ·½·¨£º
Ò»¡¢HTMLµÄ×¢ÊÍ·½·¨
<!-- html×¢ÊÍ:START -->
ÄÚÈÝ
<!-- html×¢ÊÍ:END -->
¶þ¡¢CSSµÄ×¢ÊÍ·½·¨
<style type="text/css">
/* css×¢ÊÍ*/
</style>
ÔÚµ¥¶À ......
ÕâÒ»ÕÂÎÒÃǽéÉܱí¸ñµÄʹÓ÷½·¨¡£
Ç°Ãæѧ¹ýµÄ±êÇ©£¬Ö»Äܽ«HTMLÄÚÈÝ°´ÕÕ“Á÷ʽ”µÄ·½Ê½½øÐв¼¾ÖÅŰ棬ËùνÁ÷ʽ£¬¼´ËùÓеÄHTMLÔªËØ£¨±êÇ©ÔªËغÍÎı¾ÔªËØ£©¶¼ÊÇÒÀÕÕ“´Ó×óµ½ÓÒ£¬´ÓÉϵ½Ï”µÄ·½Ê½À´ÅÅÁеģ¬¼´±ã²¿·Ö±êÇ©µÄalignÊôÐÔ¿ÉÒԸıäÔªËصĶÔÆ뷽ʽ£¬µ«²»ÄܸıäÔªËØÕûÌåÁ÷ʽ²¼¾ÖµÄÌص㡣
±¾ÕÂѧϰµ ......
¶ÔÓںܶà³õѧHTMLµÄÈËÀ´Ëµ£¬±í¸ñÊÇ×î³£ÓõıêÇ©ÁË£¬µ«¶ÔÓÚ±í¸ñ±ß¿òµÄ¿ØÖÆ£¬ºÜ¶à³õѧÕßÈ´²»ÉõÆä½â¡£
Ò»°ãÎÒÃÇÓñí¸ñµÄʱºò×Ü»á¸øËü¸öborderÊôÐÔ£¬±ÈÈ磺<table border="1">£¬ÆäЧ¹ûÈçÏ£º
ID
NAME
GENDER
1001
mike
male
¿ÉÒÔ·¢ÏÖ±í¸ñµÄ±ß¿òºÃÏñºÜ¿í£¬µ±È»ÕâÀïµÄ“ºÜ¿í”¾ø¶Ô²»ÊDZí¸ñborderµÄ¿í£¬´ó ......