






|
0
Total 31 articles, 2 pages/ current page is 1
|
|
|
|
1. HTMLÀ» ½ÃÀÛÇϸé¼...
½ÃÁß¿¡ ³ª¿ÍÀÖ´Â ³ª¸ð À¥¿¡µðÅÍ¿Í °°Àº ÅøÀ» ÀÌ¿ëÇϸé HWP ¹®¼¸¦ ÀÛ¼ºÇÏ´Â °Í°ú °°ÀÌ ½±°Ô ȨÆäÀÌÁö¸¦ ²Ù¹Ð ¼ö´Â ÀÖÁö¸¸ ±âº»ÀûÀÎ ¿ø¸®¿Í tag¸¦ ¾ËÁö ¸øÇϸé Á» ´õ ¼¼¹ÐÇÑ ºÎºÐÀ» ²Ù¹Î´Ù°Å³ª ¹®Á¦Á¡À» ¹ß°ßÇßÀ» °æ¿ì ½±°Ô ȨÆäÀÌÁö¸¦ °íÄ¡±â°¡ ¾î·ÆÁÒ.
°Á¸¦ ½ÃÀÛÇϱâ Àü¿¡ ÇÊ¿äÇÑ °ÍÀº ´Ù¸¥ °ÍÀº Çʿ䰡 ¾ø°í, À©µµ¿ì º¸Á¶ÇÁ·Î±×·¥¿¡ ÀÖ´Â ¸Þ¸ðÀå°ú netscape ¶Ç´Â explore¸¸ ÀÖÀ¸¸é µË´Ï´Ù.
HTML À̶õ WWW(World Wide Web)ÀÇ ¹®¼¸¦ ÀÛ¼ºÇÏ´Â µ¥ »ç¿ëµÇ´Â Hyper Text Markup LanguageÀÇ ¾àÀÚÀÔ´Ï´Ù.
1) Hyper Text ¶õ?
¹®ÀÚ¿Í ¹®ÀÚ¸¦ ¼·Î °ü·ÃÁö¾î¼ ã¾Æº¼ ¼ö ÀÖµµ·Ï ¸¸µé¾îÁø ¹®¼ ÆÄÀÏÀ̳ª ¹®¼ Çü½ÄÀ¸·Î, Á¤º¸¸¦ ¼øÂ÷ÀûÀ¸·Î °Ë»öÇÏ´Â °ÍÀÌ ¾Æ´Ï¶ó, Á¤º¸°¡ ¸¶Ä¡ °Å¹ÌÁÙ °°ÀÌ ¾ôÇôÀÖ´Â ÇüŸ¦ ¸»ÇÕ´Ï´Ù. À©µµ¿ì¿ë ÇÁ·Î±×·¥ÀÇ µµ¿ò¸» ±â´Éµµ hypertext·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù.
2) Markup Language ¶õ?
MarkupÀ̶õ ¿ø·¡ ÃâÆÇ¹°ÀÇ È°ÀÚ ÁöÁ¤À» À§ÇÑ ±âÈ£¸¦ ÀÏÄ´ ¿ë¾î¿´´Ù°í ÇÕ´Ï´Ù. ÃÖ±Ù¿¡´Â ÀüÀÚ ¹®¼ °ü¸® ½Ã½ºÅÛÀ̳ª ÀÚµ¿ ¹®¼ »ý¼º ½Ã½ºÅÛ µîÀÇ ºÐ¾ß¿¡¼ ¹®¼ ±¸Á¶¸¦ ±â¼úÇÏ´Â ¿ëµµ·Î ¾²ÀÌ´Â °£·«ÇÑ Çü½ÄÀÇ ¾ð¾î¸¦ ÁöĪÇÏÁÒ.
MarkupÀÇ Àǹ̴Â, º»¹®¿¡ ¹«¾ð°¡ Ưº°Çϰųª Ãß°¡ÀûÀÎ Á¤º¸¸¦ 'Ç¥½Ã'ÇÏ´Â °ÍÀ» ¸»ÇÕ´Ï´Ù. ¿¹¸¦ µé¸é, Ưº°ÇÑ ´Ü¾î¿¡ °Á¶¶ó´Â Àǹ̸¦ ºÎ¿©Çϱâ À§ÇÑ ¹ØÁÙÀ̳ª »ö»ó/ÆùÆ®ÀÇ º¯È ¶Ç´Â ¹®¼ ³»ÀÇ ³»¿ëÀÇ ¼ø¼¸¦ ºÎ¿©Çϱâ À§ÇÑ ±Û¸Ó¸®Ç¥/¹øÈ£¸Å±â±â µî°ú °°Àº °ÍÀ» MarkupÀ̶ó°í ÇÏÁÒ. ÀÌ·¯ÇÑ MarkupÀ» °¡´ÉÇÏ°Ô ÇÏ´Â ¾ð¾î°¡ ¹Ù·Î Markup ¾ð¾îÀÔ´Ï´Ù.
±×·¯¸é ¿ì¸®°¡ ¹è¿ì´Â htmlÀÇ Àǹ̸¦ ¾î´À Á¤µµ ¾Ë ¼ö ÀÖ°ÚÁÒ? "°Å¹ÌÁÙó·³ ¾ôÇôÀÖ´Â Á¤º¸¿¡ ¾î¶² Ç¥½Ã¸¦ ÇÑ ¾ð¾î!!!"
3) htmlÀÇ ¿ª»ç
htmlÀÇ ¿ª»ç¸¦ º¸¸é Markup languageÀÇ ¿ª»ç¶ó°í ºÁµµ ¹«¹æÇÒ °Ì´Ï´Ù.
SGML(Standarized Generalized Markup Language)
HTML(Hyper Text Markup Language)
XML(eXtensible Markup Language)
XHTML(eXtensible Hyper Text Markup Language)
ÀÇ ¼øÀ¸·Î ¹ßÀüÀ» Çß½À´Ï´Ù. ÀÌ·¸°Ô ¹ßÀüÇÑ ÀÌÀ¯´Â XMLÀ» °øºÎÇÏ½Ã¸é ¾Ë ¼ö ÀÖÀ» °Ì´Ï´Ù. Áö±ÝÀº XMLÀÌ ¶°¿À¸£°í ÀÖÁÒ.
4) htmlÀÇ Æ¯Â¡
HTMLÀº HyperText Markup LanguageÀÇ ¾àÀڷνá ȨÆäÀÌÁö¸¦ ¸¸µé ¶§ ÇÊ¿äÇÑ ÇÁ·Î±×·¡¹Ö ¾ð¾îÀÔ´Ï´Ù. ÇÏÁö¸¸ ¾î¶»°Ô º¸¸é ÇÁ·Î±×·¡¹Ö ¾ð¾î¶ó±â º¸´Ù´Â ¹®¼¶ó°íµµ ÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇϳªÀÇ ¹®¼°¡ World Wide WebÀ̶õ °÷¿¡ Á¸ÀçÇϸç ÀÎÅͳÝÀ̶ó´Â °Å´ëÇÑ NetworkÀ» ÅëÇØ ´©±¸³ª Á¢ÇÒ ¼ö ÀÖ´Â ¹®¼.
±×·³ ÀÏ¹Ý ÇÁ·Î±×·¡¹Ö ¾ð¾î¿ÍÀÇ Â÷ÀÌÁ¡Àº ¹»±î¿ä?
HTMLÀº ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê´Â´Ù.
HTMLÀº ÄÄÆÄÀÏÀÌ ÇÊ¿ä¾ø´Ù.
HTMLÀº À߸øµÈ Ç¥ÇöÀÌ ÀÖÀ¸¸é ÀڽŵéÀÇ ±Ô¾à¿¡ ¸Â°Ô Ç¥ÇöÇÑ´Ù.
HTMLÀº ¸î °¡Áö TAG·Î ÀÌ·ç¾îÁø´Ù.
HTMLÀº O/S(Operating System)¿¡ ±¸¾Ö¾øÀÌ »ç¿ëµÈ´Ù.
HTMLÀº ¹®¼ÀÇ Ã³À½ºÎÅÍ ³¡±îÁö ¼øÂ÷ÀûÀ¸·Î ½ÇÇàµË´Ï´Ù.
À§¿¡¼µµ Àд٠º¸¸é tag¶ó´Â ¸»ÀÌ ÀÖ½À´Ï´Ù. ±×¸®°í HTMLÀ» °øºÎÇÏ´Ù º¸¸é tag¶ó´Â ¸»À» ÀÚÁÖ Á¢ÇÏ°Ô µË´Ï´Ù. ±×·¯¸é tag¶õ ¹«¾ùÀϱî¿ä?
tag¶õ »çÀüÀû Àǹ̷Π'²¿¸®Ç¥', 'µüÁö'¶ó´Â Àǹ̰¡ ÀÖ°í 'ÇÁ·Î±×·¡¹Ö¿¡¼ Á¤º¸ÀÇ Ã³À½°ú ³¡À» ³ªÅ¸³»´Â Ç¥½Ã ¹®ÀÚ'¶ó´Â Àǹ̰¡ ÀÖ½À´Ï´Ù. HTML¿¡¼ tag¶õ HTML ¹®¼ÀÇ ÀϺγª Àüü ȤÀº ¸í·É¾îÀÇ ½ÃÀÛ°ú ³¡À» ÀǹÌÇÕ´Ï´Ù.
5) htmlÀÇ ±¸Á¶
HTML ¹®¼´Â "<"¿Í ">"·Î ¹ÀÎ 'ű×'¶ó´Â ¸í·É¾î·Î ±¸¼ºµË´Ï´Ù. "<tag>" ¿Í °°Àº ÇüÅ·Π¸í·ÉÀÇ ½ÃÀÛÀ» ¾Ë¸®°í, ¸í·ÉÀÌ ³¡³ª´Â ºÎºÐ¿¡´Â "/(½½·¹½¬)"¸¦ ÷ºÎÇÑ "<tag>"ÀÇ ÇüÅ·Π¸í·ÉÀ» Á¾·áÇÕ´Ï´Ù. ±×¸®°í HTML tagµéÀº ´ë,¼Ò¹®ÀÚ ±¸º°ÀÌ ¾øÀÌ »ç¿ëµË´Ï´Ù.
¾Æ·¡ÀÇ HTML ¹®¼ÀÇ ±âº» ±¸Á¶¸¦ º¸½Ã¸é ÀÌÇØ°¡ ½¬¿ï °Ì´Ï´Ù.
<HTML> <!-- HTMLÀÇ ½ÃÀÛÀ» ¾Ë¸³´Ï´Ù. -->
<HEAD>
<TITLE>Á¦¸ñ</TITLE> <!-- HTML ¹®¼ÀÇ Á¦¸ñÀÔ´Ï´Ù. -->
</HEAD>
<BODY>
<!-- HTML ¹®¼ÀÇ ³»¿ëÀÌ µé¾î°©´Ï´Ù. -->
</BODY>
</HTML> <!-- HTMLÀÇ ³¡À» ³ªÅ¸³À´Ï´Ù. -->
À§ÀÇ ³»¿ëÀÌ ±âº»ÀûÀÎ HTMLÀÇ °ñ°ÝÀÔ´Ï´Ù.
À§¿¡ º¸¸é <!-- ³»¿ë -->À̶ó´Â ºÎºÐÀÌ ÀÖ½À´Ï´Ù. À̰ÍÀº html ¹®¼¸¦ ÀÛ¼ºÇÒ ¶§ »ç¿ëÇÒ ¼ö ÀÖ´Â ÁÖ¼®¹®À¸·Î À¥ »ó¿¡ ¿Ã·ÈÀ» °æ¿ì ȸ鿡 ³ªÅ¸³ªÁö ¾Ê°í ½ÇÇàµÇÁöµµ ¾Ê½À´Ï´Ù. ÀÛ¼ºµÈ html ¹®¼ ³»¿¡¼ ȸ鿡 ³ªÅ¸³»Áö ¾ÊÀ» °÷À» '<!--'°ú '-->'·Î ¸·À¸¸é ºê¶ó¿ìÀú·Î º¸¾ÒÀ» ¶§ ȸ鿡 ³ªÅ¸³ªÁö ¾Ê½À´Ï´Ù.
<BODY> tag¿Í </BODY> tag ¾È¿¡ ±ÛÀÚ¸¦ ³ÖÀ¸¸é ±× ³»¿ëÀÌ À¥ »ó¿¡¼ ¹®¼·Î ³ªÅ¸³³´Ï´Ù. À§¿¡¼ <TITLE> tag¿Í </TITLE> tag »çÀÌ¿¡ ±ÛÀÚ¸¦ ³ÖÀ¸¸é ºê¶ó¿ìÀú(netscape, explore)ÀÇ Å¸ÀÌÆ² ¹Ù ºÎºÐ¿¡ Á¦¸ñÀÌ ³ªÅ¸³³´Ï´Ù.
¨ç <HTML>...</HTML>
HTML ¹®¼´Â Ç×»ó <HTML>À̶ó´Â tag·Î ½ÃÀÛÇØ¼ </HTML>À̶ó´Â tag·Î ³¡³ª°Ô µË´Ï´Ù. HTML ¹®¼ÀÇ ½ÃÀÛ°ú ³¡À» ³ªÅ¸³»´Â °ÅÁÒ.
¨è <HEAD>...</HEAD>
HTML ¹®¼ÀÇ ¸Ó¸®¸»À» ÀǹÌÇϸç <TITLE>...</TITLE> tag°¡ Æ÷ÇԵ˴ϴÙ.
¨é <TITLE>...</TITLE>
WEB ºê¶ó¿ìÀúÀÇ Á¦¸ñ Ç¥½ÃÁÙ¿¡ title tag·Î µÑ·¯½×ÀÎ ºÎºÐÀÌ ³ªÅ¸³ª´Âµ¥, ¹®¼ÀÇ Æ¯Â¡À» °¡Àå ÀûÀýÈ÷ Ç¥ÇöÇÒ ¼ö ÀÖ´Â ¸»ÀÌ ÁÁ½À´Ï´Ù.
¨ê <BODY>...</BODY>
HTML ¹®¼ÀÇ ³»¿ëÀ» ³ªÅ¸³À´Ï´Ù. ȨÆäÀÌÁö¿¡ ³ªÅ¸³»·Á´Â ³»¿ëÀ» <BODY> tag¿Í </BODY> tag»çÀÌ¿¡ ³Ö¾îÁÝ´Ï´Ù. ¿©±â¼ ȨÆäÀÌÁöÀÇ ³»¿ë°ú ¹è°æ»öÀ̳ª À̹ÌÁö, ¸µÅ© ¹× °ü·ÃµÈ ¼Ó¼ºÀ» »ðÀÔÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML ¹®¼¸¦ ¸¸µç ÈÄ ÀúÀåÇÒ ¶§´Â È®ÀåÀÚ°¡ .HTMÀ̳ª .HTMLÀ̾î¾ß ÇÕ´Ï´Ù.
¿¹) INDEX.HTM, INDEX.HTML
Âü°í·Î HTML tag³ª ¹®¼, ±×¸² ÆÄÀÏÀ» ÀúÀåÇÏ°í »ç¿ëÇϴµ¥ ÀÖ¾î¼ ÀڽŸ¸ÀÇ ±ÔÄ¢ÀÌ ÀÖÀ¸¸é ÁÁ½À´Ï´Ù.
°¡·É tag´Â ´ë¹®ÀÚ·Î »ç¿ëÇϰí, ÆÄÀÏÀ̸§Àº ¼Ò¹®ÀÚ·Î »ç¿ëÇÑ´Ù ´øÁö, µé¿©¾²±â´Â ¾î¶»°Ô ÇÑ´Ù...
ÀÌ·¸°Ô ÀÛ¼ºÇÑ HTML ÆÄÀÏÀ» À¥ »ó¿¡ ³ªÅ¸³»±â À§Çؼ´Â À¥¼¹ö¿¡ ¹®¼¸¦ À§Ä¡½ÃÄÑ¾ß ÇÕ´Ï´Ù. ÀÚ¼¼ÇÑ ³»¿ëÀº Â÷Â÷ ¾Ë¾Æº¸±â·Î ÇÒ²²¿ä~! À¥¼¹ö´Â NT³ª UNIX·Î ´ëºÎºÐ ÀÌ·ç¾îÁ® ÀÖ½À´Ï´Ù. NT¿Í °°Àº °æ¿ì´Â ÆÄÀÏÀÇ ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾ÊÁö¸¸, UNIX °°Àº °æ¿ì´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏ°Ô µË´Ï´Ù. ±×·¡¼ À§¿Í °°Àº ÀÚ½ÅÀÇ ±ÔÄ¢ÀÌ ÀÖÀ¸¸é À¯¿ëÇÏ´Ù´Â °ÅÁÒ.
html¿¡¼´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾ÊÁö¸¸, xmlÀÇ °æ¿ì´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÕ´Ï´Ù. Â÷¶ó¸® ¸ðµÎ ¼Ò¹®ÀÚ·Î »ç¿ëÇÏ´Â °Íµµ ÁÁ°Ú³×¿ä.
|
|
 |
|
|
|
|