ææ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åæ们æ æ¥æå®ï¼ä½ 好ä¸çã