Untitled Document










HTML & JAVASCRIPT

0
Total 31 articles, 2 pages/ current page is 1
   

 

  View Articles
Name  
   ¹Ú¿ìÁø 
Homepage  
   http://madpark.korea.ac.kr
Subject  
   HTMLÀ» ½ÃÀÛÇϸ鼭...
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ÀÇ °æ¿ì´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÕ´Ï´Ù. Â÷¶ó¸® ¸ðµÎ ¼Ò¹®ÀÚ·Î »ç¿ëÇÏ´Â °Íµµ ÁÁ°Ú³×¿ä.


    

 


Prev
   Á¡¼±Å×ÀÌºí ¸¸µé±â [30]

¹Ú¿ìÁø
Next
   HTML »ö»óÇ¥ [1]

¹Ú¿ìÁø


Copyright 1999-2022 Zeroboard / skin by madpark