Ê×ÏÈ£¬ÎÒÃÇÀ´¿´ÏÂÈçϵĴúÂ룺
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="http://www.baidu.com" id="baidu" name="baidu">
</FORM>
<FORM METHOD=POST ACTION="http://g.cn" id="google">
<INPUT onKeyUp="document.getElementById('baidu').submit();" type="text" /> <br/>
</FORM>
</BODY>
</HTML>
Õâ¸öÒ³ÃæÀïÓÐÁ½¸ö±íµ¥£¬Ò»¸öidΪbaidu£¬Ò»¸öidΪgoogle£¬google±íµ¥ÀïÓÐÒ»¸öinput±êÇ©µÄonKeyUpµÄʼþÊÇÌá½»ÁËidΪ
baiduµÄ±íµ¥¡£
Ô¤ÆÚ½á¹û£ ......
HTMLÓ¢ÓïÒâ˼ÊÇ£ºHypertext Marked Language£¬¼´³¬Îı¾±ê¼ÇÓïÑÔ,ÊÇÒ»ÖÖÓÃÀ´ÖÆ×÷³¬Îı¾ÎĵµµÄ¼òµ¥±ê¼ÇÓïÑÔ¡£ÓÃHTML±àдµÄ³¬Îı¾Îĵµ³ÆÎªHTMLÎĵµ£¬ËüÄܶÀÁ¢ÓÚ¸÷ÖÖ²Ù×÷ϵͳƽ̨£¨ÈçUNIX£¬WINDOWSµÈ£©¡£×Ô1990ÄêÒÔÀ´HTML¾ÍÒ»Ö±±»ÓÃ×÷World Wide Web µÄÐÅÏ¢±íʾÓïÑÔ£¬ÓÃÓÚÃèÊöHomepageµÄ¸ñʽÉè¼ÆºÍËüÓëWWWÉÏÆäËüHomepage µÄÁ¬½áÐÅÏ¢¡£Ê¹ÓÃHTMLÓïÑÔÃèÊöµÄÎļþ£¬ÐèҪͨ¹ýWWWä¯ÀÀÆ÷ÏÔʾ³öЧ¹û¡£
±ê¼ÇÒ»ÀÀ
±ê¼Ç ÀàÐÍ ÒëÃû»òÒâÒå ×÷ Óà ±¸×¢
Îļþ±ê¼Ç
<HTML> ¡ñ ÎļþÐû¸æ ÈÃä¯ÀÀÆ÷ÖªµÀÕâÊÇ HTML Îļþ ¡¡
<HEAD> ¡ñ ¿ªÍ· ÌṩÎļþÕûÌå×ÊѶ ¡¡
<TITLE> ¡ñ ±êÌâ ¶¨ÒåÎļþ±êÌ⣬½«ÏÔʾì¶ä¯ÀÀ¶¥¶Ë ¡¡
<BODY> ¡ñ ±¾ÎÄ Éè¼ÆÎļþ¸ñʽ¼°ÄÚÎÄËùÔÚ ¡¡
ÅŰæ±ê¼Ç
<!--×¢½â--> ¡ð ˵Ã÷±ê¼Ç ΪÎļþ¼ÓÉÏ˵Ã÷£¬µ«²»±»ÏÔʾ ¡¡
<P> ¡ð ¶ÎÂä±ê¼Ç Ϊ×Ö¡¢»¡¢±í¸ñµÈÖ®¼äÁôÒ»¿Õ°×ÐÐ ¡¡
<BR> ¡ð »»Ðбê¼Ç Áî×Ö¡¢»¡¢±í¸ñµÈÏÔʾì¶ÏÂÒ»ÐÐ ¡¡
<HR> ¡ð ˮƽÏß ²åÈëÒ»ÌõˮƽÏß ¡¡
<CENTER> ¡ñ ¾ÓÖÐ Áî×Ö¡¢»¡¢±í¸ñµÈÏÔʾì¶ÖÐ¼ä ·´¶Ô
<PRE> ¡ñ Ô¤Éè¸ñʽ ÁîÎļþ°´ÕÕÔʼÂëµÄÅÅÁз½Ê½ÏÔʾ ¡¡
<DIV> ¡ñ Çø¸ô±ê¼Ç Éè¶¨× ......
ÓÐʱºòÎÒÃÇÐèÒªÔÚFlexÓ¦ÓÃÖÐǶÈëHTML´úÂ룬¸ù¾ÝǶÈëHTMLÒªÇóµÄ²»Í¬ÓÐÒÔÏÂÁ½ÖÖ·½·¨£º
1¡¢FlexÎı¾×é¼þ£¨Label¡¢Text¡¢TextArea£©µÄhtmlTextÊôÐÔÖ§³ÖһЩ»ù±¾µÄHTML´úÂ룬ÀýÈ磺
<mx:TextArea>
<mx:htmlText>
<![CDATA[
<p align="center"><font size="15" color="#3399ff">this is a html code</font></p>
]]>
</mx:htmlText>
</mx:TextArea>
2¡¢ÎÒÃÇ¿ÉÒÔ½«FlexÓ¦ÓÃǶÈëµ½HTMLÒ³ÃæÖУ¬È»ºóͨ¹ýFlex2ÖеÄExternalInterface(Flex1.5ʹgetURL("javascript.:javascriptMethod"))
À´ÊµÏÖFlexÓëHTML javascriptµÄÏ໥½»»¥£¬½øÒ»²½µÄ£¬Èç¹ûÒªÔÚFlexÓ¦ÓÃÖÐǶÈëÍêÕûµÄHTMLÄØ£¿
ÆäʵʵÏֵķ½·¨ºÜ¼òµ¥£¬Ö»ÐèҪʹÓÃHTMLµÄIframe±êÇ©À´µ¼ÈëÐèǶÈëµÄHTMLÒ³Ãæ£¬
È»ºóʹÓÃExternalInterfaceµ÷ÓÃÏàÓ¦µÄjavasript½«¸ÃIframeÒÆ¶¯µ½ÎÒÃÇFlexÒ³ÃæÐèҪǶÈëHTMLÒ³ÃæµÄ²¿·ÖÖ®ÉϾͿÉÒÔÁË£¬Ê¾ÒâͼÈçÏ£º
Ò²¾ÍÊÇ˵£¬ÎÒÃǰüº¬Flex SWF ......
ÓÐʱºòÎÒÃÇÐèÒªÔÚFlexÓ¦ÓÃÖÐǶÈëHTML´úÂ룬¸ù¾ÝǶÈëHTMLÒªÇóµÄ²»Í¬ÓÐÒÔÏÂÁ½ÖÖ·½·¨£º
1¡¢FlexÎı¾×é¼þ£¨Label¡¢Text¡¢TextArea£©µÄhtmlTextÊôÐÔÖ§³ÖһЩ»ù±¾µÄHTML´úÂ룬ÀýÈ磺
<mx:TextArea>
<mx:htmlText>
<![CDATA[
<p align="center"><font size="15" color="#3399ff">this is a html code</font></p>
]]>
</mx:htmlText>
</mx:TextArea>
2¡¢ÎÒÃÇ¿ÉÒÔ½«FlexÓ¦ÓÃǶÈëµ½HTMLÒ³ÃæÖУ¬È»ºóͨ¹ýFlex2ÖеÄExternalInterface(Flex1.5ʹgetURL("javascript.:javascriptMethod"))
À´ÊµÏÖFlexÓëHTML javascriptµÄÏ໥½»»¥£¬½øÒ»²½µÄ£¬Èç¹ûÒªÔÚFlexÓ¦ÓÃÖÐǶÈëÍêÕûµÄHTMLÄØ£¿
ÆäʵʵÏֵķ½·¨ºÜ¼òµ¥£¬Ö»ÐèҪʹÓÃHTMLµÄIframe±êÇ©À´µ¼ÈëÐèǶÈëµÄHTMLÒ³Ãæ£¬
È»ºóʹÓÃExternalInterfaceµ÷ÓÃÏàÓ¦µÄjavasript½«¸ÃIframeÒÆ¶¯µ½ÎÒÃÇFlexÒ³ÃæÐèҪǶÈëHTMLÒ³ÃæµÄ²¿·ÖÖ®ÉϾͿÉÒÔÁË£¬Ê¾ÒâͼÈçÏ£º
Ò²¾ÍÊÇ˵£¬ÎÒÃǰüº¬Flex SWF ......
ÓÐʱºòÎÒÃÇÐèÒªÔÚFlexÓ¦ÓÃÖÐǶÈëHTML´úÂ룬¸ù¾ÝǶÈëHTMLÒªÇóµÄ²»Í¬ÓÐÒÔÏÂÈýÖÖ·½·¨£º
1¡¢FlexÎı¾×é¼þ£¨Label¡¢Text¡¢TextArea£©µÄhtmlTextÊôÐÔÖ§³ÖһЩ»ù±¾µÄHTML´úÂ룬ÀýÈ磺
<mx:TextArea>
<mx:htmlText>
<!--[CDATA[
<p align="center"><font size="15" color="#3399ff">this is a html code</font></p>
]]-->
</mx:htmlText>
</mx:TextArea>
2¡¢ÎÒÃÇ¿ÉÒÔ½«FlexÓ¦ÓÃǶÈëµ½HTMLÒ³ÃæÖУ¬È»ºóͨ¹ýFlex2ÖеÄExternalInterface(Flex1.5ʹgetURL("javascript.:javascriptMethod"))
À´ÊµÏÖFlexÓëHTML javascriptµÄÏ໥½»»¥£¬½øÒ»²½µÄ£¬Èç¹ûÒªÔÚFlexÓ¦ÓÃÖÐǶÈëÍêÕûµÄHTMLÄØ£¿
ÆäʵʵÏֵķ½·¨ºÜ¼òµ¥£¬Ö»ÐèҪʹÓÃHTMLµÄIframe±êÇ©À´µ¼ÈëÐèǶÈëµÄHTMLÒ³Ãæ£¬
È»ºóʹÓÃExternalInterfaceµ÷ÓÃÏàÓ¦µÄjavasript½«¸ÃIframeÒÆ¶¯µ½ÎÒÃÇFlexÒ³ÃæÐèҪǶÈëHTMLÒ³ÃæµÄ²¿·ÖÖ®ÉϾͿÉÒÔÁË£¬Ê¾ÒâͼÈçÏ£º
Ò²¾ÍÊÇ˵£¬ÎÒÃǰüº¬Flex SWFÎļþµÄHTMLÒ³ÃæÖ÷ÒªÓÐÈý¸ö²¿·Ö£º
1¡¢Flex swf ²å¼þÈÝÆ÷£¬FlexBuilder×Ô¶¯Éú³É ......
ÓÐʱºòÎÒÃÇÐèÒªÔÚFlexÓ¦ÓÃÖÐǶÈëHTML´úÂ룬¸ù¾ÝǶÈëHTMLÒªÇóµÄ²»Í¬ÓÐÒÔÏÂÈýÖÖ·½·¨£º
1¡¢FlexÎı¾×é¼þ£¨Label¡¢Text¡¢TextArea£©µÄhtmlTextÊôÐÔÖ§³ÖһЩ»ù±¾µÄHTML´úÂ룬ÀýÈ磺
<mx:TextArea>
<mx:htmlText>
<!--[CDATA[
<p align="center"><font size="15" color="#3399ff">this is a html code</font></p>
]]-->
</mx:htmlText>
</mx:TextArea>
2¡¢ÎÒÃÇ¿ÉÒÔ½«FlexÓ¦ÓÃǶÈëµ½HTMLÒ³ÃæÖУ¬È»ºóͨ¹ýFlex2ÖеÄExternalInterface(Flex1.5ʹgetURL("javascript.:javascriptMethod"))
À´ÊµÏÖFlexÓëHTML javascriptµÄÏ໥½»»¥£¬½øÒ»²½µÄ£¬Èç¹ûÒªÔÚFlexÓ¦ÓÃÖÐǶÈëÍêÕûµÄHTMLÄØ£¿
ÆäʵʵÏֵķ½·¨ºÜ¼òµ¥£¬Ö»ÐèҪʹÓÃHTMLµÄIframe±êÇ©À´µ¼ÈëÐèǶÈëµÄHTMLÒ³Ãæ£¬
È»ºóʹÓÃExternalInterfaceµ÷ÓÃÏàÓ¦µÄjavasript½«¸ÃIframeÒÆ¶¯µ½ÎÒÃÇFlexÒ³ÃæÐèҪǶÈëHTMLÒ³ÃæµÄ²¿·ÖÖ®ÉϾͿÉÒÔÁË£¬Ê¾ÒâͼÈçÏ£º
Ò²¾ÍÊÇ˵£¬ÎÒÃǰüº¬Flex SWFÎļþµÄHTMLÒ³ÃæÖ÷ÒªÓÐÈý¸ö²¿·Ö£º
1¡¢Flex swf ²å¼þÈÝÆ÷£¬FlexBuilder×Ô¶¯Éú³É ......
1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
2. ¼ì²éCSSÊÇ·ñÕýÈ·
¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ } µÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²é CSSµÄƴд´íÎó¡£CleanCSS±¾ÊÇΪCSS¼õ·ÊµÄ¹¤¾ß£¬µ«Ò²Äܼì²é³öƴд´íÎó¡£
3. È·¶¨´íÎó·¢ÉúµÄλÖÃ
¼ÙÈç´íÎóÓ°ÏìÁËÕûÌå²¼¾Ö£¬Ôò¿ÉÒÔÖð¸öɾ³ýdiv¿é£¬Ö±µ½É¾³ýij¸ödiv¿éºóÏÔʾ»Ö¸´Õý³££¬¼´¿ÉÈ·¶¨´íÎó·¢ÉúµÄλÖá£
4. ÀûÓÃborderÊôÐÔÈ·¶¨³ö´íÔªËØµÄ²¼¾ÖÌØÐÔ
ʹÓÃfloatÊôÐÔ²¼¾ÖÒ»²»Ð¡Ðľͻá³ö´í¡£ÕâÊ±ÎªÔªËØÌí¼ÓborderÊôÐÔÈ·¶¨ÔªËر߽磬´íÎóÔÒò¼´Ë®Âäʯ³ö¡£
5. floatÔªËØµÄ¸¸ÔªËز»ÄÜÖ¸¶¨clearÊôÐÔ
MacIEϼÙÈç¶ÔfloatµÄÔªËØµÄ¸¸ÔªËØÊ¹ÓÃclearÊôÐÔ£¬ËÄÖܵÄfloatÔªËØ²¼¾Ö¾Í»á»ìÂÒ¡£ÕâÊÇMacIEµÄÎÅÃûµÄbug£¬ÌÈÈô²»ÖªµÀ¾Í»á×ßÍä·¡£
6. floatÔªËØÎñ±ØÖ¸¶¨widthÊôÐÔ
ºÜ¶àä¯ÀÀÆ÷ÔÚÏÔʾδָ¶¨widthµÄfloatÔªËØÊ±»áÓÐbug¡£ËùÒÔ²»¹ÜfloatÔªËØµÄÄÚÈÝÈçºÎ£¬Ò»¶¨ÒªÎªÆäÖ¸¶¨widthÊôÐÔ¡£
ÁíÍâÖ¸¶¨ÔªËØÊ±¾¡Á¿Ê¹ÓÃem¶ø²»ÊÇpx×öµ¥Î»¡£
7. floatÔªËØ²»ÄÜÖ¸¶¨marginºÍpaddingµÈÊôÐÔ
IEÔÚÏÔʾָ¶¨ÁËmarginºÍpaddingµÄfloatÔªËØÊ±ÓÐbug¡£Òò´Ë²»Òª¶ÔfloatÔªËØ ......
cssÔ²½Çbox(°Ù¶ÈÖªµÀÍÚ³ö) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
overflow: hidden;
border-style:solid;
border-width:0;
}
.zhidao_box .rg_2 {
border-right-width: 2px;
border-left-width: 2px;
}
.zhidao_box .rg_3 {
border-right-width: 1px;
border-left-width: 1px;
}
.zhidao_box .rg_1 {
margin: 0px 3px;
}
.zhidao_box .rg_2, .zhidao_box .rg_3 {
margin: 0px 1px;
}
.zhidao_box .rg {
padding-bottom: 1px;
border-left-style:solid;
border-left-width:1px;
& ......