Web¿ª·¢ µÚÒ»²¿·Ö HTML½Ì³Ì»ù´¡£¨Î壩 img±êÇ©
--------------
1¡¢ÏÔʾͼƬ£º
ÊäÈëÈçÏ´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<img src="cat.gif" alt="ÕâÊÇһֻè" />
</body>
</html>
½«ÈçÏÂͼƬ±£´æµ½£¨Í¼Æ¬Éϵã»÷Êó±êÓÒ¼ü£¬Ñ¡Ôñ“ͼƬÁí´æΪ”£©ºÍÒ³ÃæͬһĿ¼ÎļþÏ£¬ÎļþÃûΪcat.gif£º
ÔÚä¯ÀÀÆ÷Öв鿴½á¹û£¬ä¯ÀÀÆ÷Öн«ÏÔʾһֻèµÄͼƬ¡£
¿ÉÒÔ¿´µ½£¬±êÇ©imgÓÃÀ´ÔÚä¯ÀÀÆ÷ÖÐÏÔʾһ·ùͼƬ£¬ÆäÁ½¸öÖØÒªÊôÐÔ·Ö±ðΪ£º
srcÊôÐÔ£ºÓÃÓÚÉ趨ͼƬËùÔÚλÖõÄURL£¨¹ØÓÚURL£¬Çë²Î¿¼URL·¾¶£©£»
altÊôÐÔ£ºµ±Í¼Æ¬ÎÞ·¨ÏÔʾʱ£¬ÓÃÀ´È¡´úͼƬλÖõÄÎı¾¡£
--------------
2¡¢Í¼Æ¬Á´½Ó
ÊäÈëÈçÏ´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="ÕâÊÇһֻè" />
</a>
</body>
</html>
ÔËÐдúÂë¿ÉÒÔ¿´µ½£¬µ±img±êÇ©±»Ç¶Ì×ÔÚa±êÇ©ÄÚʱ£¬Õû¸öͼƬ½«±»×÷Ϊ³¬Á´½Ó¡£
µ±Í¼Æ¬±»×÷Ϊ³¬Á´½Óºó£¬»á³öÏÖÒ»¸ö±ß¿ò£¬±ß¿òÑÕÉ«ºÍÎı¾ÀàÐͳ¬Á´½ÓÒ»Ö£¨¼´·ÖΪδµã»÷ÑÕÉ«£¬ÕýÔÚ·ÃÎÊÑÕÉ«ºÍ·ÃÎʺóÑÕÉ«£¬²Î¿¼a±êÇ©£©£¬¿ÉÒÔͨ¹ýimg±êÇ©µÄborderÊôÐÔÀ´¿ØÖƱ߿òµÄ¿í¶È£¬ÀýÈ磺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a href="http://www.baidu.com">
<img src="cat.gif" alt="ÕâÊÇһֻè" border="1" />
</a>
</body>
</html>
ÌرðµÄ£¬µ±borderÊôÐÔµÄֵΪ0ʱ£¬Í¼Æ¬ËÄÖÜûÓб߿ò¡£
--------------
3¡¢ÏÔʾÑùʽ
ÊäÈëÈçÏ´úÂ룺
index.html
<
Ïà¹ØÎĵµ£º
javascript ¿ØÖÆ htmlÔªËØ ÏÔʾ/Òþ²Ø
1¡£±àдjsº¯Êý
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. ÒªÏÔÊ ......
ʹÓà VAlign ÊôÐÔÖ¸¶¨ÓÉ HtmlTableCell ÀàµÄʵÀýËù±íʾµÄµ¥Ôª¸ñÄÚÈݵĴ¹Ö±¶ÔÆ뷽ʽ
“VALIGN"Òâ˼ -- vertical alignment ´¹Ïò¶ÔÆë·½·¨
ÆäÖµ¿ÉÒÔÊÇtop -- ¶¥²¿£»»òmiddle -- Öв¿£»»òbottom-- µ×²¿£»»òbaseline -- »ùÏß¡£Ä¬ÈÏÖв¿--middle¡£
¶ÔÆ룬¾ÍÊDZí¸ñ£¨Cell)ÄڵĶ«Î÷£¨ÔªËØ°üÀ¨Í¼ÐΣ©ÅŵÃÕûÆë»®Ò»£¬V ......
ÄãÕæµÄÖªµÀÒ»¸öHTML¼°×ÊÔ´ÊÇÈçºÎloadµÄÂð(Á˽â¸÷¸ö²¿·ÖÊǺÎʱÏÂÔغÍÖ´ÐеÄ)
ÔÎĵØÖ·£ºhttp://www.cnblogs.com/mindsbook/archive/2009/12/03/sequence_of_response.html
±¾²©¿ÍËùÓÐÄÚÈݲÉÓà Creative Commons Licenses Ðí¿ÉʹÓÃ. ÒýÓñ¾ÄÚÈÝʱ£¬Çë±£Áô ÖìÌÎ, ³ö´¦ £¬²¢ÇÒ ·ÇÉÌÒµ& ......
noscript ÔªËØÓÃÀ´¶¨ÒåÔڽű¾Î´±»Ö´ÐÐʱµÄÌæ´úÄÚÈÝ£¨Îı¾£©¡£´Ë±êÇ©¿É±»ÓÃÓÚ¿Éʶ±ð <script> ÔªËØÓÃÀ´¶¨ÒåÔڽű¾Î´±»Ö´ÐÐʱµÄÌæ´úÄÚÈÝ£¨Îı¾£©¡£ ±êÇ©µ«ÎÞ·¨Ö§³ÖÆäÖеĽű¾µÄä¯ÀÀÆ÷¡£Èç¹ûä¯ÀÀÆ÷Ö§³Ö½Å±¾£¬Ôò²»»áÏÔʾnoscript ±êÇ©µÄÄÚÈÝ¡£
noscript±êǩʹÓÃʾÀý£º
<html>
<head>
<meta http-equiv ......
ÏÈ¿´ÈçÏ´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>bodyÔªËØ</title>
......