1-2 HTML ?„基?¬æž¶æ§?

¤@¥÷³Ì²³æªº HTML ºô­¶¡A¥i¥HÅã¥Ü¦p¤U¡G

Example¡]basic01.htm¡^¡G

¤W­z½d¨Òªº­ì©lÀɦp¤U¡G

­ì©lÀÉ¡]basic01.htm¡^¡G¡]¦Ç¦â°Ï°ì«ö¨â¤U§Y¥i«þ¨©¡^
<HTML>
<HEAD>
	<TITLE>ºô­¶ªº¼ÐÃD</TITLE>
</HEAD>
<BODY>
	ºô­¶ªº¤º®e
</BODY>
</HTML>

§Ú­Ì±N¥H¤W­z­ì©l½X¡A¨Ó¤¶²Ð°ò¥»ªº HTML ºô­¶¡C­º¥ý§Ú­Ì¨Ó¬Ý¬Ý³o­Óºô­¶ªº¼ÐÅÒ¡]Tags¡^¡A¨C¤@­Ó¼ÐÅÒ³£¬O¥Ñ¡u<¡v¤Î¡u>¡v©Ò¥]³ò¡A¨Ò¦p¤W­z­ì©l½X¤¤ªº <HTML>¡A¥Nªí HTML ºô­¶ªº¶}©l¡A¦Ó </HTML> «h¥Nªí HTML ºô­¶ªºµ²§ô¡C¦b HTML ºô­¶¤¤¡A¥i¤j²¤¤À¬°¡uÀY¡v©M¡u¨­Åé¡v¨â³¡¤À¡A¯÷»¡©ú¦p¤U¡G

¨Æ¹ê¤W¡A¨C¤@­Ó¼ÐÅÒ³£¥i¥H¥[¤W¤£¦PªºÄÝ©Ê¡] Attributes¡^¡A¨Ó§ïÅÜÂsÄý¾¹¹ï¼ÐÅÒªº§e²{¤è¦¡¡C¥H <body> ³o­Ó¼ÐÅÒ¬°¨Ò¡A§Ú­Ì¥i¥H¨Ï¥Î background ¨Ó¥[¤J­I´º¹Ï¤ù¡A¨Ò¦p¡G

Example¡]basicBgImage01.htm¡^¡G

¤W­z½d¨Òªº­ì©lÀɦp¤U¡G

­ì©lÀÉ¡]basicBgImage01.htm¡^¡G¡]¦Ç¦â°Ï°ì«ö¨â¤U§Y¥i«þ¨©¡^
<HTML>
<HEAD>
	<TITLE>¦³­I´º¹Ïªººô­¶</TITLE>
</HEAD>
<BODY background="multimedia/CAT-WALKING-KITY.gif">
	¥[¤J¤F­I´º¹Ï¡I
</BODY>
</HTML>

­Y­n¨Ï­I´º¼v¹³¥u­«½Æ¤@­Ó¾î¦C¡A¥i¥H§ï¥Î CSS (Cascading Style Sheet)¡A¦p¤U¡G

Example¡]basicBgImage02.htm¡^¡G

¤W­z½d¨Òªº­ì©lÀɦp¤U¡G

­ì©lÀÉ¡]basicBgImage02.htm¡^¡G¡]¦Ç¦â°Ï°ì«ö¨â¤U§Y¥i«þ¨©¡^
<HTML>
<HEAD>
<TITLE>¦³­I´º¹Ïªººô­¶</TITLE>
</HEAD>
<BODY background="multimedia/CAT-WALKING-KITY.gif" style="BACKGROUND-REPEAT: repeat-x">
	¥[¤J¤F¤@¦C­I´º¹Ï¡I
</BODY>
</HTML>

·íµM¡A¤]¥i¥HÅý­I´º­«½Æ¤@­Óª½¦æ¡AŪªÌ¥i¥H¦Û¦æ§ï¼g¤W­z½d¨Ò¨Ó¹F¨ì¦¹¥\¯à¡C

Hint
CSS ¬O¥t¤@­Óºô­¶¬ü¤u³]­pªº­«­n¥DÃD¡A¦ý§Ú­Ì¦b¦¹¥ý¤£²`¤J±´°Q¡C

½Ðª`·N¡A¼ÐÅÒ¤ÎÄݩʳ£¨S¦³¤j¤p¼gªº°Ï¤À¡AÂsÄý¾¹·|¥Î¦P¼Ëªº¤è¦¡¨Ó§e²{¡C¦]¦¹¡A­n¥Î¤j¼g©Î¤p¼g¡A§¹¥þ¬Ý­Ó¤Hªº²ßºD©M³ß¦n¡C

¾Ç²ß HTML¡A³Ì¥D­n´N¬O¦b¾Ç²ß HTML ªº¦UºØ¼ÐÅÒ©MÄÝ©Ê¡A¤Î¨ä¦bÂsÄý¾¹¤º§e²{ªº®ÄªG¡CÁÙ¦n¡A°ò¥»ªº¼ÐÅҨ䣬O¤Ó¦h¡A©Ò¥H¨Ã¤£Ãø¾Ç¡C«Ü¦h¤H»{¬°¤£»Ý­n¾Ç²ß HTML ªº¼ÐÅÒ¡A¦]¬°¥u­n¥Î WYSIWYG (What You See Is What You Get¡A©Ò¨£§Y©Ò±o) ªº HTML ªº½s¿è¾¹¡]¨Ò¦p FrontPage¡BDreamweaver¡BWord¡^¡A´N¥i¥H¼g¥X¤@­Óº}º}«G«Gªººô­¶¤F¡I³o­ÓÆ[©À¹ï«D±M·~¤H¤h¨Ó»¡¡A§¹¥þ¨S¦³¿ù¡A¦ý¬O¹ï©ó­n¾aºô­¶¨Ó°Q¥Í¬¡ªº¸ê°T¨t¦P¾Ç¡]©Î¦³§Ó©ó¦¹ªº¨ä¥L¦P¾Ç¡^¨Ó»¡¡A´N¤j¿ù¯S¿ù¤F¡AÁ|­Ó¨Ò¤l¨Ó»¡¡A¨S¦³¤@­Ó°Ó·~ºô¯¸¡A¬O¥Î WYSIWYG ªº HTML ½s¿è¾¹»s§@¥X¨Óªº¡A¦]¬°­Y¥Î¦¹ºØ½s¿è¾¹¡A¥i¯à¦³¤U¦C°ÝÃD¦s¦b¡G

·íµM°Õ¡A¨Ï¥Î³o¨Ç WYSIWYG ªº½s¿è¾¹¤]¦³ÀuÂI¡A´N¬O¯à°÷§Ö³t»s§@¡A®ÄªG¤j­P¤W¤]ÁÙ¦n¡]¦pªG§A¤£¬O¤Ó¬D­ç¡^¡A¦]¦Ó¤£¥²¥hÁA¸Ñ HTML ªº¦U¦¡¦U¼Ë¼ÐÅÒ¡C¦ý¹ï¥»½Òµ{¨Ó»¡¡A¦]¬°³Ì«áºô­¶­n¤º´O JavaScript ©Î VBScript ªºµ{¦¡½X¡A¥ú¾a WYSIWYG ½s¿è¾¹¤£¨¬¥H§¹¦¨¡A¦]¦¹¦U¦ì¦P¾Ç¤@©w­nÁA¸Ñ HTML ªº¤@¨Ç°ò¥»¼ÐÅÒ©M¥\¯à¡C

¥H¤U¬O¸ÕÅç°Ï¡A§A¥i¥Hª½±µ¶ñ¤J HTML ªº¤º®e¡A«ö¡u°e¥X´ú¸Õ¡v«á¡A§Y¥i¦b·sºô­¶¬Ý¨ì§e²{ªºµ²ªG¡C

Example¡]htmlTest.htm¡^¡G


HTML ²¤¶»PÀ³¥Î