êµì í´ë° : HTML ëë íì´í¼ í
ì¤í¸ ë§í¬ ì
ì¸ì´ìì ì¸ì´ ì¹ íì´ì§ê° ìì±ëì´ìë¤. ì§ê¸, ê·¸ê²ì íë¡ê·¸ëë° ì¸ì´ ìëë¤, ê·¸ê²ì ì°ë¦¬ê° íííë ê²ì íì©íì§ ì기 ë문ì ë
¼ë¦¬, 루í ë° ë£¨í ëì ê°ì, ì¡°ê±´ ë±ìë¤ ììë¤. ì¤íë ¤, ê·¸ê²ì ì°¸ì¼ë¡ ë§í¬ ì
ì¸ì´ì ê·¸ê²ì ì°ë¦¬ê° ì´ë¤ ì¹ì ì§ì í ì ììµëë¤ íì´ì§ë 구조ì ì¼ë¡, ê°ì´íë¤ ì¬ë¯¸ì . ê·¸ë¦¬ê³ ë°©ë²ì ìí´ ê·¸ë ê²íë¤ íê·¸ë¼ë ê²ì. ì´ì ë¤ì´ë¹ê³¼ì ê°ë¨íì ë§ë¤ì´ ë³´ì ì¹ íì´ì§, ë¨ìí ë§íë¤ íëì ëí ì, ìë
íì¸ì.
ì´ë¯¸ íì¼ë¯ë¡ì geditìì, ì¬ê¸°ì 주목 hello.htmlë¡ íì¼ì ì ì¥ í. ê·¸ë¦¬ê³ í°ë¯¸ëìì, ì¬ê¸°ì ìëë¡ íµì§ ì°½, ëë ë´ë¶ë¡ ëíëë 공공ë¼ë ëë í 리, ì´ë ê·¸ ìì²´ ë¼ë ëë í 리ì ë´ë¶ ìì²´ì ë´ë¶ì ë¡ì»¬ í¸ì¤í¸, ê°ì í¸ì¤í¸ë¼ë ëë í 리, ì´ë¤ ìì²´ë ì¡´ íë²ëì ë´ë¶ í ëë í 리. ì§ê¸ì ë°©ìì¼ë¡ ì¸í´ ë°í ì°ë¦¬ë ì íì 구ì±ííë ê°ì íì¤ ì¸ê³ìì ê°ë¥í ë°©ë²ì
ëë¤ ì´ ê³µê³µ ë´ë¶ì ì무ê²ë ëë í 리ë, ì°¸ì¼ë¡ ì¡ì¸ì¤ í ì ìì´ì¼í©ëë¤ ë¥¼ íµí´ ì ì²´ ê³µê° ì¹ ë¸ë¼ì°ì , ë¹ë¡ ì§ê¸, ë´ê°ììê±°ì¼ ì¬ì©ì ë§ í´ì ì´ ì¹ íì´ì§ì ì¡ì¸ì¤.
ì ì§ê¸ hello.html ë° ìì ëì ê°ì í´ë¹ ì¸ì´ì ì¼ë¶ë¥¼ ìì±. 첫째,ì´ íì¼ì ê¼ë기ì, ëëì ê°ê±°ì¼ ì¤í ë¸ëí·, ëëí를 ì§ì ì , DOCTYPE ê³µê° HTML. ì´ ì¤ì ì¬ì§ì´ ìì²´, íê·¸ ìëëë¤ ê·¸ê²ì ì¤íì¼ë¡ ìì ìëë° ë¸ëí·íì§ë§, ëì ì, í¹ë³í ì ì§ì íë í ì¤ì ì¡°ê° ë¸ë¼ì°ì ê° ì¬ê¸°ì ì¹ ì¨ë¤ HTMLë¡ ìì±ë íì´ì§ì
ëë¤.
ë¤ììíì, ìì ì ë¼ì¸ì, íì, ì¤í ë¸ëí· HTMLì ì§ì ë¸ë¼ì°ì ê° ì¬ê¸°ì, ì¤ì ë¡, ê·¸ HTMLì
ëë¤. ê·¸ ë´ë¶ì ì¡°ê¸ì ë¤ì¬ìì¼, ë¤ìì ì§ì , 머리를 í ë¸ë¼ì°ì , ì¬ê¸°ì 머리를 ì¨ë¤ ì§ê¸ì ê°ì íì´ì§ì
ëë¤ ë§¤ì°ìì 기본ì ì¼ë¡ ì 목 íì ì¤ ë¸ë¼ì°ì ì ì°½ ìì. ì ë¤ìì ê·¸ 머리ì ë´ë¶ ì§ì í ì ì°ë¦¬ê° ì 목ìí´ì¼í©ëë¤ íê·¸ ê°ë¨íê² ëê° ìë
íì¸ììë¤. íì§ë§ ì§ê¸ì ë¸ë¼ì°ì 를 ë§í´ ë³´ì ì°ë¦¬ë ì 목ì ì ê³µ ìë£. ì°ë¦¬ê° ì´ë¦¬ê±°ë ììíë ê²ì²ë¼, ê·¸ë ê²íë ¤ë©´ íê·¸, ì 목, ì ìê°, ì ì§ê¸ ë«ê¸°íì ëëíì¬ í´ë¹ í그를 ì¢
ë£ ì¬ì¤ì ì§ì ë°ë.
ê·¸ ííí기 ìí´, ì°ë¦¬ë ì¤í ë¸ë¼ì¼ì, ì¬ëì, ì 목ì
ëë¤. ë§ì°¬ê°ì§ë¡, ì§ê¸ ì°ë¦¬ê° ìííê³ ìëì§ ì ì, ì§ê¸ì´ì 머리 íì´ì§, ì°ë¦¬ë ì¤í ë¸ë¼ì¼ ì¬ëì 머리를 í ê²ì´ë¤, ì°ë¦¬ê°íê³ ìë ë¸ë¼ì°ì 를 ë§íê³ ì§ê¸ 머리를 ì ê³µ í . íëì ë¶ë¶ì ì§ê¸ ë¨ì ì¹ íì´ì§ì ìì 몸, ì´ë ì ë§ ë³¸ì§ì êµ¬ì± ëª¨ë ì¹ íì´ì§ì.
ì¬ê¸°ì, ê·¸ê²ì ê²ì ì§ì í ì ì¤í ë¸ë¼ì¼, 몸ì¼ë¡, ìì, ëê´í¸. ê·¸ë¦¬ê³ ì ì§ê¸ ëê°ë¥¼ ìì±í ì ê°ì ìë
íì¸ì ì¼í ì¸ê³. ì´ê²ì 충ë¶í ì¢ì ì¹ì²ë¼ ëëë¤ íì´ì§, ê·¸ëì ì§ê¸ì ìë¡ì´ ë¼ì¸ì¼ë¡ ì´ëíì. ì¤í ë¸ëí·, ì¬ëì를 ì§ì 몸, ì°ë¦¬ê°íê³ ìë ë¸ë¼ì°ì 를 ì리ë 몸ì ì ê³µ í . ë§ì°¬ê°ì§ë¡,ì ì§ê¸ ìë¦°ë¤ ë´ê° í ì¼ì ë¸ë¼ì°ì ì¹ íì´ì§ë¥¼ ì ê³µíë¤. ìì ì ë¼ì¸ì, ì°ë¦¬ë ê°ë°© í ê²ì´ë¤ ë¸ëí·, ì¬ëì, HTML.
ì´ì 미íì ì ì´ ì¹ íì´ì§ì. ë¹ë¡ 기ì ì ì¼ë¡, ìëë¤ ë§ì ë°±ìì ì ê³µ í íì ë´ê° í ê³µê°ì¼ë¡, ì¢ì ì¤íì¼ ë문ì´ë¤ ì´ ì½ëë, í림ìì´, ë§ì´ ë ì½ê¸°. ê³µì§ ì¬í, í¹í, ê·¸ ëë ì´ ë ëì íê·¸, ê·¸ë ë¤ì¬ ì°ê¸°ë¥¼ ììí©ëë¤ ë¤ìì ë¼ì¸. ê·¸ë¦¬ê³ í그를 ë«ê±°ë ë, I íë ê°ìì í´ë¹ í그를 ë«ìµëë¤ ë¼ì¸, ê·¸ê²ì´ ë¹êµì 짧ì ì¤ì ê²½ì°, ëë ê°ì ë°©ë²ì¼ë¡ ìââ ì¤ì ê·¸ ì´ê¸° íê·¸ì ë«ê¸° íê·¸ ë¼ì¸ê¹ì§, ì°ë¦¬ë Cì ê°ì ì¸ì´ììíë ê²ê³¼ ë§ì°¬ê°ì§ë¡ ì´ê³ ë«ë ì¤ê´í¸.
ì ì§ê¸ì´ íì¼ì ì ì¥ í´ë³´ì ì¹ ë¸ë¼ì°ì ìì ì½ë ë¤ ê¸°ê¸°ì ë´ë¶. ì í¬ë¡¬ì ì´ì´ ë³´ì, ì§ê¸íì ì¸, http://localhost를 방문 ì´íë¼ì´ì¸ì¤ì ë³ëª
ìì²´ / hello.html. ê·¸ë¦¬ê³ ì¤ì ë¡ ì
ë ¥íì§ëììì 주목 ì´ ìì ë문, ê³µê° ê·¸ ì¹ì íµí´ì´ íì´ì§ë¥¼ 방문íë ê²½ì° ë¸ë¼ì°ì , ë¹ì ì ì°¸ì¼ë¡ ì¡ì¸ì¤ í ê·¸ ê³µì© ëë í 리ì ë´ì©ì íìí©ëë¤. íì§ë§ 구체ì ì¼ë¡ ì¡ì¸ì¤ í ìë, hello.html. ê·¸ë¼ ì´ì Enter í¤ë¥¼ ë르íì ë¬´ì¨ ì¼ì´ ì¼ì´ ëëì§ ì°¸ì¡°íììì¤.
í . ë´ê° ì¡ì¸ì¤ í ììë ê¶íì´ ììµëë¤ /ì´ ìë²ì hello.html. ì, ê·¸ ì´ì ë ë ì ììê¹ì? ê¸ì, ê·¸ê²ì´ 충ë¶íì§ì ë°í ë¨ìíì´ íì¼ì ë£ì´ hello.html, ê·¸ ê³µì© ëë í 리ììë. ì°ë¦¬ë ëí ì ê·¹ì ì¼ë¡ ë§í íì ì°ë¦¬ê° ì¤ì ë¡ ìíë ì í ì ì¸ê³ë¥¼ íì©, ì ì¬ì ì¼ë¡, ì´ íì¼ì ì¡ì¸ì¤í©ëë¤. ì´ë ê²íë ¤ë©´, ì°ë¦¬ë ë³ê²½í íìë ê¶íì, ë§íìë©´, ì°ë¦¬ë í ììë¤ ëª
ë ¹ ì¤ìì ê·¸ë ê².
긴 목ë¡ì ì»ììì´ LS-Lì ì
ë ¥íì ì´ ëë í 리ììë íì¼ì ì
ë ¥í©ëë¤. ê·¸ë¦¬ê³ ì°ë¦¬ë hello.html, ì¤ì ë¡ ì°¸ì¡°íììì¤. ê·¸ë¬ë ì¬ê¸°ì ì¼ìª½ì, 주ì ì¬í, Rê³¼ Wì
ëë¤. R, ë¹ì ì ì§ìí ì ìê² ì§ë§, ì미 ì½ê³ , W ìë¨ì ì¸ ì ìì§ë§ ë¨ íëì ì°êµ¬ì 거기ì ì¬ì¤ íëì 모ë ë°©ë²ì íµí´, W ê·¸ ëìì ì¼ìª½, ì¦ ë§ íì¼ì ìì ì, ë ìì , ì ì¤ì ë¡ ì½ê³ ì´ íì¼ì ìì±í©ëë¤.
ì°ë¦¬ë ë¤ë¥¸ ì ì´ë íë를 ì í í íìê° R ì¨ ì¸ìì´ ì½ì ì ìëë¡íë ì´ íì¼ë¿ë§ ìëë¼. ê·¸ë¦¬ê³ ì´ ìì
ì ìíí기 ìí´, ì°ë¦¬ë í¨ê» ìí í ì ììµëë¤ ëª
ë ¹, chmod를, ëë ë³ê²½ 모ë. chmod를, 모ë를ìí, íë¬ì¤ R, ê³µê°, hello.html를 ëë¦
ëë¤. ì무 ì¼ ê² ê°ë¤,íì§ë§ ì¦, ì¼ë°ì ì¼ë¡ ì¢ì ì¼ì
ëë¤. ë°ë¼ì LS-L ë¤ì, í¬ë§,í´ì¼ ëª ê°ì§ ì¶ê° ì°êµ¬ì를 ì»ì ì ììµëë¤.
ê·¸ë¦¬ê³ ì¤ì ë¡, ì°ë¦¬ë 참조 í . ì¬ê¸°ì ì¼ìª½ ì§ê¸ ìê³ ì ëë ì½ê³ ì°ê¸° ê¶íìíë¤ê³ . ë ë¤ë¥¸ ì°êµ¬íê³ ë ë¤ë¥¸ ì°êµ¬ê°ìë¤. ì, ì¤ê°ì R ë°í ë ì¼ì´ ë´ ê·¸ë£¹ì ì미 기기ììë íì, ì´ íì¼ì ì½ì ì ììµëë¤. ê·¸ë¬ë ì¬ê¸°ì í¬ê² ê´ë ¨ì´ìëì, ì°ë¦¬ë ì¹ì ëí´ ì´ì¼ê¸°íê³ ìì´ ì´í ìë 기기 ìì²´. ê·¸ë¬ë 모ë ë°©ë²ì ê·¸ ì¸ ë²ì§¸ R ë°ë¡ ê·¸ ì¸ì ëíë
ëë¤ ëë 모ë ì´ íì¼ì ì½ì ì ììµëë¤.
ì ì§ê¸ ë¤ì, ë¤ì ë´ ë¸ë¼ì°ì ì ê°ì ë ë í´ì ê²½ì° íì´ì§, ê·¸ë¦¬ê³ ë³¼ ì´ì ê¸ì§. ì í¬ë¡¬ì ìì´ì½ì ë¤ìë¡ë를 í´ë¦íì ì¬ê¸°ì, ëë ì°ë¦¬ê° ì ì´-Rì ëª
ì¤íê³ , ê·¸ê²ì ê°ì§ê³ , ìë
íì¸ì.