ææHARLANï¼HTMLæè¶
ææ¬ æ¨è¨èªè¨ï¼æ¯èªè¨ä¸ç åªäºç¶²é 被寫å
¥ã ç¾å¨ï¼å®ä¸æ¯ä¸ç¨®ç·¨ç¨èªè¨ï¼ å çºå®ä¸æå
許æå表é é輯ï¼åfor循ç°åwhile循ç°ï¼ åæ¢ä»¶çã ç¸åï¼å®ç確æ¯ä¸ç¨®æ¨è¨èªè¨ é使æåè½å¤ æå®åªäºç¶²çµ¡ é é¢æ該çèµ·ä¾åï¼çµæ§ åç¾è§ã 並ä¸å®ééæ¹å¼ æè¬çæ¨è¨ã è®æåè¨æ¸æ£å³ï¼è®æç°¡å®ç 網é ï¼ä¸ååªæ¯èªªï¼å°æ¼ ä¾å¦ï¼ä½ 好ä¸çã
注æé裡ï¼å¨geditä¸ï¼æå·²ç¶ å°æ件ä¿åçºHello.htmlæã 並注æå¨éå
ï¼å¨çµç«¯ çªå£ï¼æä¼¼ä¹æ¯å
§é¨ ä¸åå«åå
Œ
±ç®éï¼éæ¬èº« æ¯ä¸åå«åç®éå
§ æ¬å°ä¸»æ©ï¼éæ¬èº«å°±æ¯å
§é¨ ä¸åå«èæ¬ä¸»æ©çç®éï¼å
¶ä¸ æ¬èº«å°±æ¯ç´ç¿°Â·åä½çå
§ 主ç®éã ç¾å¨ï¼äºå¯¦èæï¼å çºåºè·¯ï¼ æåå·²ç¶é
ç½®çè¨åï¼è©²è¨å æ¯å¨ä½çºç¾å¯¦ä¸ççæ¹å¼æçºå¯è½ï¼ æ¬æ¬¡å
¬éçå
§é¨çä»»ä½ ç®éæï¼äºå¯¦ä¸ï¼è¢«ââ訪å ééä¸åæ´é«çå
Œ
± 網é ç覽å¨ï¼å³ä½¿ï¼ç¾å¨ï¼ ææ¯èª°å»æ¯å¯ä¸çç¨æ¶ 訪åæ¤ç¶²é ã
ç¾å¨ï¼è®æååå°Hello.htmlæéå§ å¯«ä¸äºèªè¨ã é¦å
ï¼ä¸é¢éåæ件ï¼æå° æå®éæ¾å¼æ¯æ¶ï¼æåè é»ï¼DOCTYPE HTML空éã éæ¢ç·æ¯ä¸æ¯ä¸åæ¨ç±¤ï¼å°±å
¶æ¬èº«ï¼çè³ å管å®éå§ä»¥éæ¾ç æ¯æ¶ï¼ä½ï¼ç¸åï¼æ¯ä¸ç¨®ç¹æ®ç ä¸è¡ç段ï¼å®æå®äºä¸å ç覽å¨ï¼åä¾äºä¸å網é é 寫å¨HTMLã
è®æåæ¥ä¸ä¾ï¼å¨ä¸è¡ä¸å®èªå·±çï¼ æå®éæ¾å¼ææ¶çhtmlï¼èªªæ 給ç覽å¨ï¼å¨éè£¡ï¼ ç確ï¼æ¯HTMLã 裡é¢çé£åï¼è®æåä¾ç¸®é²äºä¸ä¸ï¼ ç¶å¾åé ï¼æå®å° ç覽å¨ï¼é裡ä¾çé é é¢ï¼è©²é é¢ï¼å°±ç®åèè¨ï¼åè¨æ¯ åºæ¬ä¸å¨é常çæ¨é¡æ¬ ç覽å¨çªå£çé é¨ã è®æåæ¥ä¸ä¾çæå®ï¼å³é å
§ æ¨ç±¤ï¼é£æåå°±ææä¸åæ¨é¡ ä¸äºç°¡å®çåææå¼ã ä½ç¾å¨ï¼è®æåä¾å訴çè¦½å¨ æåæ£å¨åæä¾äºä¸åé éã è¦åå°éä¸é»ï¼æ£å¦æåæéæåå æ¨ç±¤ï¼æ¨é¡ï¼åæï¼ è®æåç¾å¨å·²ç¶æ¥è¿æçµæ該æ¨ç±¤ æå®ï¼å¨ææä¸æ¯ç¸åçã
çºäºè¡¨ééä¸é»ï¼æååéæ¾å¼æ¯æ¶ï¼ æ£ææ ï¼å稱ã å樣ï¼ç¾å¨æå就大ååæäºå®ç¾©ï¼ å°±ç®åèè¨ï¼éåé é é¢ï¼æåæåéæ¬èæç·é ï¼ å訴æåæ¯çè¦½å¨ ç¾å¨åæä¾çé é¨ã åªæä¸åé¨åç¾å¨ä»ç¶åå¨ï¼ æ述網é çæè¬ç身é«ï¼é çæ£æ§ææ¬è³ª çä»»ä½ç¶²é ã
è®æåæå®ï¼å¨é裡ï¼å®æ¯ éå§ï¼éæ¾å¼æ¯æ¶ï¼æ©èº«ï¼ æ¥è¿æ¯æ¶ã èä¸ï¼æåç¾å¨å¯«çæ±è¥¿ åæ¡Helloéèä¸çã æ覺éæ¯ä¸åè¶³å¤ å¥½ç網絡 é ï¼æ以ç¾å¨è®æåè½ç§»å°ä¸åæ°è¡ã æå®éæ¾å¼æ¯æ¶ï¼æç·ï¼ 身é«ï¼éç¥æåççè¦½å¨ å®ææä¾é«å
§ã å樣ï¼ç¾å¨è®æåéç¥ ææ¯åäºçè¦½å¨ æä¾ç¶²é ã å¨ä¸å屬æ¼èªå·±çè¡ï¼æåæåéæ¾ æ¯æ¶ï¼æç·ï¼HTMLã
ç¾å¨ï¼è«æ³¨æç¾å¸ æ¤ç¶²é ã éç¶ï¼å¨æè¡ä¸ï¼å®ä¸æ¯ éè¦æä¾ç¡å¯è½å¤çç½ ç©ºéåæä¸æ¨£ï¼éæ¯å¾å¥½çé¢¨æ ¼ï¼å çº ä»£ç¢¼ï¼å¯ä»¥èªªï¼å¤ æ´å
·å¯è®æ§ã 注æäºé
ï¼å°¤å
¶æ¯ç¶ææé æååä¸åæ¨ç±¤ï¼ç¶å¾æå¨ç¸®é² å¾é¢çç·ã ç¶æééæåæ¨ç±¤ï¼æ éé該æ¨ç±¤å¨ç¸åç è¡ï¼å¦æå®æ¯ä¸åç¸ç¶ççç·ï¼æ ä¸ä»¥é樣çæ¹å¼ä¸åæ°è¡ï¼è©² ééæ¨è¨ç·èéæ¾æ¨è¨ï¼ å°±åæåå¨åCèªè¨ä¸æ¨£ èéé大æ¬èã
ç¾å¨è®æåä¿åéåæ件ï¼ä¸¦å試 å¨Webç覽å¨ä¸æé å
§çå¨å
·ã è®æåæéäºChromeç覽å¨ï¼è®æåç¾å¨ 訪åhttp://localhostçï¼éæ¯ä¸å æ±ç¨±çºå®¶é» æ¬èº«ï¼/ hello.htmlçã 並è«æ³¨æï¼æå·²ç¶æ²æ實éé¡å å
¬ç¾ï¼å çºå®æ示 å¦æéé網絡訪åæ¤é ç覽å¨ï¼ä½ 確實è¦è¨ªåç å
Œ
±ç®éçå
§å®¹ã ä½ææ³è¨ªåï¼å
·é«èè¨ï¼ Hello.htmlæã ç¾å¨è®æåæ²åè» ççæç¼çä»éº¼ã
å¯ã ææ²ææ¬é訪å / Hello.htmlææ¤æåå¨ä¸ã ç¾å¨ï¼çºä»éº¼æé樣å¢ï¼ å¯ï¼äºå¯¦èæéæ¯ä¸å¤ ç ç°¡å®å°æéåæ件ï¼Hello.htmlæï¼ å¨å
Œ
±ç®éä¸ã æåééè¦ä¸»ååç¥ å®¶é»æ¯æåï¼ç確ï¼è¦ è®æ´åä¸çï¼æ½å¨çï¼ è¨ªåæ¤æ件ã è¦åå°éä¸é»ï¼æåéè¦æ¹è®å®ç æ¬éï¼å¯ä»¥é麼說ï¼æåå¯ä»¥ é樣åï¼å¨ä¸åå½ä»¤è¡ã
è®æå輸å
¥ls-lä¾ç²å¾ä¸åé·å表 æ¤ç®éä¸çæ件ï¼åè»ã èæåçå°çï¼ç確ï¼Hello.htmlæã ä½å¨é裡å¨å·¦éï¼ éç¥ï¼æ¯ä¸åråç¦ç¹ å¨Rï¼æ£å¦ä½ å¯è½å·²ç¶çå°äºï¼æå³è è®åï¼w表示寫ï¼ä½ äºå¯¦ä¸ï¼åªæä¸åé樣çrå ä¸åé樣çç¦ç¹ï¼ä¸è·¯ä»¥ä¸ç éäºèç·çå·¦å´ï¼æå³èåªæ æ件çææè
ï¼æèªå·±ï¼å¯¦éä¸å¯ä»¥ è®åå寫å
¥éåæ件ã
æåéè¦åæçè³å°ä¸åå
¶å® rä¾è®å
¨ä¸çé±è® éåæ件ä¹æ¯å¦æ¤ã èè¦åå°éä¸é»ï¼æåå¯ä»¥ç¨é樣å å½ä»¤ï¼CHMODï¼ææ¹è®æ¨¡å¼ã ååæ¬échmod aï¼å°æ¼ææï¼å rï¼ ç©ºéï¼Hello.htmlæ輸å
¥ã ä¼¼ä¹ä»éº¼é½æ²æç¼çï¼ä½ éæ¯ä¸å好æ±è¥¿ã æ以ls-lçåæ該æå¸æï¼ ç¢çä¸äºé¡å¤çrã
èäºå¯¦ä¸ï¼æå確實çå°äºé樣ã å¨å·¦æéç¾å¨å¨é裡ï¼éç¥ æå·²é±è®å寫å
¥æ¬éã éæå¦å¤ä¸årï¼ç¶å¾åæ²³ å¯ï¼åä¾å¨ä¸éçR æå³èæççµï¼éæ°å¥½æ¯ å¸çå¨å®¶é»ï¼ ä¹å¯ä»¥è®åéåæ件ã ä½æ¯ï¼éå¨å¾å¤§ç¨åº¦ä¸æ¯ç¡éç·è¦éè£¡ï¼ å çºæåæ£å¨è«è«çWebå èä¸æ¯è¨åæ¬èº«ã ä½æ¯ï¼ç¬¬ä¸åRå
¨çæ¹å¼å° æ£ç¢ºæåºäºæ´åä¸çï¼ æå
¨é¨ï¼å¯ä»¥è®å該æ件ã
ç¾å¨ï¼è®æååå°æçç覽å¨ï¼éè£ é é¢ï¼ççå¦æææ²æ ä¸åç¦æ¢çã è®æåé»æChromeçéè¼åæ¨äº å¨é裡ï¼ææä¸Control-Råæåæ ææå®ï¼ä½ 好ä¸çã