html¶ÁÊé±Ê¼ÇÈý
13.HTML ͼÏñ
ͼÏñ±êÇ©£¨<img>£©ºÍÔ´ÊôÐÔ£¨Src£©
ÔÚ HTML ÖУ¬Í¼ÏñÓÉ <img> ±êÇ©¶¨Òå¡£
<img> ÊǿձêÇ©£¬Òâ˼ÊÇ˵£¬ËüÖ»°üº¬ÊôÐÔ£¬²¢ÇÒûÓбպϱêÇ©¡£
ÒªÔÚÒ³ÃæÉÏÏÔʾͼÏñ£¬ÄãÐèҪʹÓÃÔ´ÊôÐÔ£¨src£©¡£src Ö¸ "source"¡£Ô´ÊôÐÔµÄÖµÊÇͼÏñµÄ URL µØÖ·¡£
¶¨ÒåͼÏñµÄÓï·¨ÊÇ£º
<img src="url" />
URL Ö¸´æ´¢Í¼ÏñµÄλÖá£Èç¹ûÃûΪ "boat.gif" µÄͼÏñλÓÚ www.w3school.com.cn µÄ images Ŀ¼ÖУ¬ÄÇôÆä URL Ϊ http://www.w3school.com.cn/images/boat.gif¡£
ä¯ÀÀÆ÷½«Í¼ÏñÏÔʾÔÚÎĵµÖÐͼÏñ±êÇ©³öÏֵĵط½¡£Èç¹ûÄ㽫ͼÏñ±êÇ©ÖÃÓÚÁ½¸ö¶ÎÂäÖ®¼ä£¬ÄÇôä¯ÀÀÆ÷»áÊ×ÏÈÏÔʾµÚÒ»¸ö¶ÎÂ䣬ȻºóÏÔʾͼƬ£¬×îºóÏÔʾµÚ¶þ¶Î¡£
Ìæ»»Îı¾ÊôÐÔ£¨Alt£©
alt ÊôÐÔÓÃÀ´ÎªÍ¼Ïñ¶¨ÒåÒ»´®Ô¤±¸µÄ¿ÉÌæ»»µÄÎı¾¡£Ìæ»»Îı¾ÊôÐÔµÄÖµÊÇÓû§¶¨ÒåµÄ¡£
<img src="boat.gif" alt="Big Boat">
ÔÚä¯ÀÀÆ÷ÎÞ·¨ÔØÈëͼÏñʱ£¬Ìæ»»Îı¾ÊôÐÔ¸æËß¶ÁÕßËýÃÇʧȥµÄÐÅÏ¢¡£´Ëʱ£¬ä¯ÀÀÆ÷½«ÏÔʾÕâ¸öÌæ´úÐÔµÄÎı¾¶ø²»ÊÇͼÏñ¡£ÎªÒ³ÃæÉϵÄͼÏñ¶¼¼ÓÉÏÌæ»»Îı¾ÊôÐÔÊǸöºÃϰ¹ß£¬ÕâÑùÓÐÖúÓÚ¸üºÃµÄÏÔʾÐÅÏ¢£¬²¢ÇÒ¶ÔÓÚÄÇЩʹÓô¿Îı¾ä¯ÀÀÆ÷µÄÈËÀ´ËµÊǷdz£ÓÐÓõġ£
»ù±¾µÄ×¢ÒâÊÂÏî - ÓÐÓõÄÌáʾ£º
¼ÙÈçij¸ö HTML Îļþ°üº¬Ê®¸öͼÏñ£¬ÄÇôΪÁËÕýÈ·ÏÔʾÕâ¸öÒ³Ãæ£¬ÐèÒª¼ÓÔØ 11 ¸öÎļþ¡£¼ÓÔØÍ¼Æ¬ÊÇÐèҪʱ¼äµÄ£¬ËùÒÔÎÒÃǵĽ¨ÒéÊÇ£ºÉ÷ÓÃͼƬ¡£
ͼÏñ±êÇ©
±êÇ©ÃèÊö
<img>
¶¨ÒåͼÏñ¡£
<map>
¶¨ÒåͼÏñµØÍ¼¡£
<area>
¶¨ÒåͼÏñµØÍ¼ÖеĿɵã»÷ÇøÓò¡£
14.HTML ±³¾°
±³¾°£¨Backgrounds£©
<body> ÓµÓÐÁ½¸öÅäÖñ³¾°µÄ±êÇ©¡£±³¾°¿ÉÒÔʹÑÕÉ«»òÕßͼÏñ¡£
±³¾°ÑÕÉ«£¨Bgcolor£©
±³¾°ÑÕÉ«ÊôÐÔ½«±³¾°ÉèÖÃΪijÖÖÑÕÉ«¡£ÊôÐÔÖµ¿ÉÒÔÊÇÊ®Áù½øÖÆÊý¡¢RGB Öµ»òÑÕÉ«Ãû¡£
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
ÒÔÉϵĴúÂë¾ù½«±³¾°ÑÕÉ«ÉèÖÃΪºÚÉ«¡£
±³¾°£¨Background£©
±³¾°ÊôÐÔ½«±³¾°ÉèÖÃΪͼÏñ¡£ÊôÐÔֵΪͼÏñµÄURL¡£Èç¹ûͼÏñ³ß´çСÓÚä¯ÀÀÆ÷´°¿Ú£¬ÄÇôͼÏñ½«ÔÚÕû¸öä¯ÀÀÆ÷´°¿Ú½øÐи´ÖÆ¡£
<body background="clouds.gif">
<body background="http://www.w3school.com.cn/clouds.gif">
URL¿ÉÒÔÊÇÏà¶ÔµØÖ·£¬ÈçµÚÒ»ÐдúÂë¡£Ò²¿ÉÒÔʹ¾ø¶ÔµØÖ·£¬ÈçµÚ¶þÐдúÂë¡£
Ìáʾ£ºÈç¹ûÄã´òËãʹÓñ³¾°Í¼Æ¬£¬ÄãÐèÒª½ô¼Çһϼ¸µã£º
±³¾°Í¼ÏñÊÇ·ñÔö¼ÓÁËÒ³ÃæµÄ¼ÓÔØÊ±¼ä¡£Ð¡ÌùÊ¿£ºÍ¼ÏñÎļþ²»Ó¦³¬¹ý 10k¡£
±³¾
Ïà¹ØÎĵµ£º
<?php
$s = <<<html
<html>
<head>
<title>nested tag test</title>
<mce:script type="text/javascript"><!--
alert('fdsafdasfasd');
// --></mce:script>
</head>
<body>
<div id=0>
<div id=1><img name="im ......
<html:select property='optdwdm' style='width:230' onchange='changedw(this)'>
<html:options collection='dwlist' property='dm' labelProperty='mc' />
</html:select>
ÔÚ±êÇ©µÄ ONCHANGE ʼþÀïÃæ¶¨ÒåÒ»¸ö changedw(this)
È»ºó¿ÉÒÔͨ¹ýÒÔÏ´úÂë»ñÈ¡ html:select ѡȡµÄ VALUE ......
1.·ÀֹͼƬ±»ÏÂÔØºÍµÁÓõķ½·¨£º
£¨1£©<div>ǶÌ×<img>ÉèÖÃ<div>µÄ±³¾°Í¼Æ¬ÎªÊµ¼ÊͼƬ£¬<img>°üº¬µÄͼƬÊÇÒ»ÕÅ͸Ã÷ͼƬ£¬Á½ÕÅͼƬµÄ³ß´çÏàͬ¡£¼´Ï൱ÓÚÔÚÕæÊµÍ¼Æ¬ÉÏÌí¼ÓÁËÒ»²ã±£»¤Ä¤£¬ÕâÕű£»¤Ä¤¾ÍÊÇ͸Ã÷ͼƬ¡£ÕâÑùµ±Óû§Ñ¡Ôñ“ͼƬÁí´æÎª”ʱ£¬½«±£´æµÄÊÇ͸Ã÷ͼƬ£¬¶ø²»ÊÇʵ¼Êͼ ......
»ù±¾½á¹¹±êÇ©:
<HTML>,±íʾ¸ÃÎļþΪHTMLÎļþ
<HEAD>,°üº¬ÎļþµÄ±êÌâ,ʹÓõĽű¾,Ñùʽ¶¨ÒåµÈ
<TITLE>---</TITLE>,°üº¬ÎļþµÄ±êÌâ,±êÌâ³öÏÖÔÚä¯ÀÀÆ÷±êÌâÀ¸ÖÐ
</HEAD>,<HEAD>µÄ½áÊø±êÖ¾
<BODY>,·ÅÖÃä¯ÀÀÆ÷ÖÐÏÔʾÐÅÏ¢µÄËùÓбêÖ¾ºÍÊôÐÔ,ÆäÖÐÄÚÈÝÔÚä¯ÀÀÆ÷ÖÐÏÔʾ.
</BOD ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
& ......