W3C °¡Àå ±âº»ÀûÀÎ HTML ¹®¼­ Trio ȨÆäÀÌÁö

<HTML>

ÀÌ Å±״ ºê¶ó¿ìÀú¿¡°Ô HTML ¹®¼­ÀÓÀ» ¾Ë·ÁÁØ´Ù. ÆÄÀÏÀÇ È®ÀåÀÚ°¡ .html ¶Ç´Â .htm·Î ÆÄÀÏÀÌ HTML ¹®¼­¶ó´Â °ÍÀ» ¾Ë·ÁÁÖ±â À§ÇØ ¹Ýµå½Ã file.html ¶Ç´Â file.htm·Î ÀúÀåÇÏ¿©¾ß ÇÑ´Ù.

<HTML>
</HTML>

À§ÀÇ ½ÃÀÛÅÂ±×¿Í Á¾·áű׷ΠÀÏ´Ü HTML ¹®¼­´Â ±¸¼ºµÈ´Ù.

ű×(tag) ¶õ ?

<...>·Î ½×¿©ÀÖ´Â °ÍµéÀ» ű×(tag)À̶ó ÇÏ°í, ½ÃÀÛű×(starting tag)¿Í Á¾·áű×(closing tag)°¡ ÀÖ´Ù. ±× ¾È¿¡´Â ¿¤·¹¸àÆ®(element:¼³¸í)¶ó´Â ¸í·É ³»¿ë°ú ¾ÖÆ®¸®ºäÆ®(attribuet:¼³¸í)¶ó´Â ±× ¿¤·¹¸àÆ®ÀÇ Æ¯¼º ¹× Ư¼º °ªÀÌ µé¾î°¡°í, Á¾·áű״ ½ÃÀÛű׿¡ /¸¦ ºÙ¿© </...>·Î ÇÏ¿© ±× ¸í·ÉÀÌ Á¾·á µÊÀ» ¾Ë·ÁÁִµ¥, ´ëºÎºÐÀº Á¾·áű×À» °¡ÁöÁö¸¸ Á¾·áűװ¡ »ý·« µÉ ¼ö ÀÖ´Â °Í°ú ¾ÆÁÖ ¾ø´Â °Íµµ ÀÖ´Ù.

ºê¶ó¿ìÀú¿¡°Ô ½ÃÀÛÅÂ±× <HTML>´Â 'HTML ¹®¼­ÀÇ ½ÃÀÛ'À» ¾Ë·ÁÁÖ°í, Á¾·áÅÂ±× </HTML>´Â 'HTML ¹®¼­ÀÇ ³¡'À» ¾Ë·ÁÁØ´Ù. ÀÌ°Í ¸¸À¸·Î´Â ºó ÆäÀÌÁö°¡ µÇ¹Ç·Î ±× ¾È¿¡ ³»¿ëÀÌ µé¾î°¡¾ß ¹®¼­°¡ µÉ °ÍÀÌ´Ù.


<HTML> ¾È¿¡ Æ÷ÇԵǴ °¡Àå ±âº»ÀûÀÎ ³»¿ëÀº HEAD¿Í BODY ¿¤·¹¸àÆ®ÀÌ´Ù.

<HEAD>

ÀÌ Å±״ Á¦¸ñÀ» Æ÷ÇÔÇÏ´Â HTML ¹®¼­ÀÇ ¸Ó¸´(HEAD) ºÎºÐÀÓ¸¦ ¾Ë·ÁÁØ´Ù. ¸ðµç HTML ¹®¼­´Â <HEAD></HEAD> űװ¡ ÇÊ¿äÇÏ´Ù. ÀϹÝÀûÀ¸·Î HTML¿¡¼­´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê¾Æ <HEAD>¿Í <head>´Â °°´Ù.

<HTML>
<HEAD>
</HEAD>
</HTML>

HEAD ű׿¡ µé¾î°¡´Â °ÍÀº ¿©·¯°¡Áö ÀÌÁö¸¸ ¿ì¼± TITLE ű׸¦ ¾Ë¾Æº¸ÀÚ.

<TITLE>

ÀÌ Å±״ ¹®¼­ÀÇ Á¦¸ñ(TITLE)À» ³ªÅ¸³»¹Ç·Î ÀüüÀûÀÎ ¹®¼­ÀÇ ³»¿ëÀ» ´ëÇ¥ ÇÒ ¼ö ÀÖ´Â ÁÖÁ¦¾î¸¦ ´ã°ÔÇÑ´Ù. ÀÌ Á¦¸ñÀº ¹®¼­¸¦ Ç¥½ÃÇÏ´Â ¿µ¿ª¿¡´Â ³ªÅ¸³ªÁö ¾ÊÀ¸³ª, À¥ ºê¶ó¿ìÀú À©µµÀÇ ÀϺÎ(´ëüÀûÀ¸·Î ¸Ç À§)¿¡ Ç¥½ÃµÇ°í, ¹®¼­¸¦ ´ëÇ¥ÇÏ´Â ¸ñ·Ï, ºÏ¸¶Å©, ⠵ Ç¥½ÃµÇ°í, °Ë»ö¿¡¼­µµ »ç¿ëµÇ¹Ç·Î »ý·«ÇÏÁö ¾Ê´Â °ÍÀÌ ÁÁ´Ù.

<HTML>
<HEAD>
<TITLE>¿©±â¿¡ Á¦¸ñÀÌ µé¾î°¨</TITLE>
</HEAD>
</HTML>

Á¦¸ñÀ» ³ÖÀ» ¶§´Â ÇÔÃàÀûÀÌ°í ¹®¼­ÀÇ ³»¿ëÀ» °¡Àå Àß Ç¥ÇöÀ» ÇÒ ¼ö ÀÖ´Â ¹®±¸¸¦ ¹ßÃéÇϵµ·Ï ³ë·ÂÇÏ¿©¾ß ÇÑ´Ù.


ÆäÀÌÁöÀÇ ´ëºÎºÐÀº BODY ÅÂ±× ¾È¿¡ µé¾î°¡°Ô µÈ´Ù.

<BODY>

HTML ¹®¼­¿¡¼­ ¹®¼­ÀÇ º»Ã¼(BODY)¸¦ ¸»ÇÏ¸ç ¹®¼­ÀÇ ³»¿ëÀÌ µé¾î°¡´Â ÁÖµÈ ºÎºÐÀÌ´Ù. °ÅÀÇ ¸ðµç ºÎºÐÀÇ ¸í·É ¿¤·¹¸àÆ® µéÀÌ ÀÌ°÷¿¡ µé¾î °£´Ù. ÀÌ <BODY> </BODY>´Â <HTML> </HTML> ¾È¿¡ <HEAD> </HEAD> ´ÙÀ½¿¡ À§Ä¡ÇÑ´Ù.

<HTML>
<HEAD>
<TITLE>¹®¼­ Á¦¸ñ</TITLE>
</HEAD>
<BODY>
¹®¼­ÀÇ º»Ã¼
</BODY>

</HTML>
ÀÌ ³»¿ëÀ» »õâÀ¸·Î º¸¸é

¹®¼­ÀÇ º»Ã¼ ÀÚ¸®¿¡ ÇÊ¿äÇÑ ´Ù¸¥ ³»¿ëÀÇ ¹®ÀåÀ» ³ÖÀ¸¸é ±×´ë·Î Ç¥ÇöµÈ´Ù. ÀÌ°ÍÀ¸·Î °¡Àå º¸ÆíÀûÀÎ ¹®¼­°¡ ¿ÏÀüÈ÷ ±¸¼ºµÇ´Â °ÍÀÌ´Ù.

³ªÁß¿¡ ¼³¸í ÇÒ Æ¯º° ÇÑ °æ¿ì(¿¹:FRAMESET ¹®¼­)À» Á¦¿ÜÇÏ°í´Â ÀÌ º»Ã¼(<BODY>)¸¦ ´Ù °®°Ô µÈ´Ù.


HTML ¹®¼­ÀÇ ÀúÀå

¹®¼­°¡ ÀÛ¼ºµÇ¸é ºê¶ó¿ìÀú·Î Àоî Ç¥ÇöÇϱâ À§ÇÏ¿© HTML¹®¼­·Î ÀúÀåÇÏ¿©¾ß ÇÑ´Ù.

ÀúÀå ÇÒ ¶§´Â ¹Ýµå½Ã file.html ¶Ç´Â file.htm·Î ÀúÀåÇÏ¿©¾ß ÇÑ´Ù. ¸ðµç ¹®¼­ ÆíÁý±â¿¡´Â HTML·Î ÀúÀåÇÏ´Â ¼±ÅûçÇ×(Save as)ÀÌ ÀÖÀ¸¹Ç·Î ¿¹¸¦ µé¾î myfirst.html·Î ÀúÀåÇÑ´Ù.

¼­¹ö¿¡ ¿Ã¸®±â À§Çؼ­´Â ¼­¹ö¿¡¼­ Á÷Á¢ È­ÀÏÀ» º¹»çÇϰųª, FTP·Î º¹»çÇϰųª ¼­¹ö¿¡ ¿Ã¸®´Â ÇÁ·Î±×·¥À» »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.


HTML ¹®¼­¸¦ ¿­¾î º¸·Á¸é

ÀÛ¼ºÇÏ¿© ÀúÀåÇÑ ¹®¼­À» ¿­¾î º¸·Á¸é

  • ³»ÄÄÇ»ÅÍ¿¡¼­ ÇØ´ç Ȧ´õ¸¦ ¿­¾î ±× È­ÀÏÀ» µÎ¹ø Ŭ¸¯Çϰųª(±âº» ºê¶ó¿ìÀú°¡ ¼³Á¤ µÇ¾úÀ» ¶§)
  • ºê¶ó¿ìÀú¿¡¼­ È­ÀÏ ¿­±â¿¡¼­ ¿­¸é µÈ´Ù.

³»¿ëÀÌ ¾ø´Ù±¸¿ä. ¾ÆÁ÷ ³ÖÁö ¾Ê¾ÒÁö¿ä. ¾Æ¹«Æ° ÀÌÁ¦ ¿©·¯ºÐÀÌ ÃÖÃÊ·Î ÀÛ¼ºÇÑ °¡Àå ±âº»ÀûÀÎ ¹®¼­¸¦ Á¡°Ë±îÁö ÇØ ºÃ´Ù. ÀÌ°ÍÀº ¸ðµç À¥¹®¼­°¡ °¡Á®¾ß ÇÒ ÃÖ¼Ò ¿ä±¸»çÇ×À̸ç, ¸ðµç À¥¹®¼­´Â ¹Ýµå½Ã °¡Á®¾ß ÇÒ ¿ä¼Ò¸¸À» °®°í ÀÖ´Â °ÍÀÌ´Ù.

Áö±Ý±îÁöÀÇ ±âº»À» º¹»çÇϸ鼭, ÀÌÁ¦ºÎÅÍ Á» ´õ ¸ÚÀÖ°í ¿©·¯°¡Áö ±â´ÉÀ» °®´Â ¹®¼­·Î ¹ßÀü½Ãų ¼ö ÀÖÀ» °ÍÀÌ´Ù.


<BR>

±×·±µ¥ ÇÑ°¡Áö ¿©±â¼­ ¼³¸í ÇÒ °ÍÀÌ ÀÖ´Ù. ¹®¼­ ÆíÁý±â¿¡¼­ Áٹٲٱ⸦ Çߴµ¥ ¿Ö ÁÙÀÌ ¾È ¹Ù²î´ÂÁö¸¦ ¾Ë¾Æ¾ß ÇÑ´Ù.

HTML ¹®¼­¿¡¼­´Â Ưº°ÇÑ Å±×(¿¹:PRE)¸¦ Á¦¿ÜÇÏ°í´Â ÇÑ°³ ÀÌ»óÀÇ °ø°£À» ¹«½ÃÇÏ°í ÇÑ°³ ¸¸ ÀÖ´Â °ÍÀ¸·Î °£ÁÖÇÑ´Ù. ÁٹٲÞ(CR)À̳ª ÅÇ(tab)µµ °ø°£°ú ¸¶Âù°¡Áö·Î Çؼ®ÇÑ´Ù. ±×·¡¼­ ÁٹٲÞÀ» Ç϶ó´Â ű×(ÀÌ BRÀ̳ª ºí·°Å¸ÀÔ ¹®´Üµé)¸¦ »ç¿ëÇÏ¿©¾ß ÁٹٲÞÀÌ Ç¥ÇöµÇ´Âµ¥, °¡Àå °£´ÜÇÑ °ÍÀÌ <BR>ÀÌ´Ù. ¹°·Ð ´Ù¸¥ ¹æ½ÄÀ¸·Îµµ ÁٹٲÞÀ» ÇÒ ¼ö Àִµ¥ ÈÄ¿¡ ¼³¸íÇÑ´Ù.


HTML¼­·Ð HTML±âº» ¹®ÀÚÇ¥Çö ¹®¼­Àå½Ä ¹®¼­¿¬°á ¹®¼­¸ñ·Ï Ç¥(TABLE) ÀÔ·ÂÀÛ¾÷ âƲ¥±â
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/httut/htbasic.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.