* main *

* BBS *

* gallery *

* profile *

* link *



[Ä«Å×°í¸®]

* À½¾Ç *
* Àâ´ÙÇÑ °íÂû *

* ¼ú À̾߱â *
* ½ÃÀ½ ³ëÆ® *
* ¼úÀÜ ÄÝ·º¼Ç *

* ÆÇŸÁö À̾߱â *
* ¹«Çù À̾߱â *
* SF À̾߱â *

* Àâ´ã *
* ÀÌ·±Àú·± ¸Þ¸ð *
* °øÁö»çÇ× *

* ¹°°Çµé *
* ÀÌ·±Àú·± Ãß¾ï *
* ¿©ÇàÀÇ Ãß¾ï *
* ÀϺ»/ÀϺ»¾î *
* Ã¥ À̾߱â *
* ÄÄÇ»ÅÍ °ü·Ã *

* Ãß¾ïÀÇ °ÔÀÓ *
* Ãß¾ïÀÇ ¾Ö´Ï *
* ¸¸È­Ã¥ À̾߱â *
* µå¶ó¸¶¿Í ¿µÈ­ *
* ¸ÅÁ÷ ´õ °³´õ¸µ *


[ÃÖ±Ù ´ñ±Û]

¿ÞÂÊ Ä«Å×°í¸® ¸Þ´ºÀÇ 'ÆÇŸÁö À̾ß...
  by ¾ÆÀ̾
 
2024-03-28

¿µ±¹ º£ÀÌÄÁÀº µî½ÉÀ̱¸¸¸. º¸¸é º£...
  by ¾ÆÀ̾
 
2024-03-28

Àü À¯·´ÀÇ ¼º¾¾º¸¸é ¿¹¸¦ µé¾î John...
  by ´©¿¡±º
 
2024-03-27

¿µ±¹¿¡¼­´Â º£ÀÌÄÁÀ» µî½ÉÀ¸·Î ¸¸µé...
  by ´©¿¡±º
 
2024-03-27

ÁøÂ¥ ÀÌ°Å ¾Ë°í¼­ '¼¼»ó¿¡ ÀÌ·± ÀÏ...
  by ¾ÆÀ̾
 
2024-03-24

±×·¯°Ô. ³­ Å×ÀÏÁî ¿Àºê ÆÇŸÁö¾Æ(P...
  by ¾ÆÀ̾
 
2024-03-24

¿¡±¸, ±×·¯°íº¸´Ï óÀ½À¸·Î Á¦´ë·Î ...
  by perplex
 
2024-03-23

Àúµµ ÀÌ°Å ¾Ë°í¼­ Á» º¡ÂþúÁÒ.... ...
  by perplex
 
2024-03-23

¤¾¤¾
  by ¾ÆÀ̾
 
2024-03-22

±Â
  by ¹®¾î±¸ÀÌ
 
2024-03-21

¿äÁò ¿¹½º24¿¡¼­ Å丮¾ß¸¶ ¾ÆÅ°¶ó ...
  by ¾ÆÀ̾
 
2024-03-14

Àúµµ °©ÀÛ½º·± ¼Ò½Ä¿¡ ´çȲ½º·¯¿ü°í...
  by ¾Æ¸®¹«½º
 
2024-03-14

Àú ¶¥Äá¹öÅÍ ¸ÀÀÖ¾î¿ä ¤¾¤¾ÀÀ¿ø °¨...
  by ¾ÆÀ̾
 
2024-03-01

À¸À½ ¸¶Æ®¿¡¼­ ¶¥ÄáÀë °¡²û »ç´Ù ¸Ô...
  by ¾Æ¸®¹«½º
 
2024-02-27

°í¸¶¿ö. ¿©±â¼­ ¸»ÇÒ ÀÏÀº ¾Æ´Ï¶ó¼­...
  by ¾ÆÀ̾
 
2024-02-20


Ãß¾ïÀÇ »óÀÚ


Category List admin  
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 01Æí : ű׶õ ¹«¾ùÀΰ¡?
 

°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 01Æí : ű׶õ ¹«¾ùÀΰ¡?

#1. HTMLÀ̶õ?

HTMLóÀ½ÀÌ´Ï Àá½Ã ¸ô¶óµµ µÇ´Â °³³ä ¼³¸íºÎÅÍ.

ÀúÈñ°¡ º¸´Â (°ÅÀÇ) ¸ðµç À¥ÆäÀÌÁö´Â ±âº»ÀûÀ¸·Î HTMLÀ̶ó´Â ¾ð¾î¿¡ ÀÇÇؼ­ ¸¸µé¾îÁ®ÀÖ½À´Ï´Ù.
ÇÏÀÌÆÛ ÅؽºÆ® ¸¶Å©¾÷ ·©±ÍÁö(Hyper Text Mark-up Language)¶ó´Â °Çµ¥ ¾Æ½Ç ÇÊ¿ä¾ø±¸¿ä.

HTMLÀÌ ¸¸µé¾îÁø ÀÌÀ¯´Â À¥ ȯ°æ¿¡¼­ ¹®¼­¿Í ¹®¼­¸¦ ¿¬°áÇÏ´Â ÅøÀÌ ÇÊ¿äÇ߱⠶§¹®ÀÔ´Ï´Ù.
¸ðµç À¥À̶õ °ÍÀÌ °Å¹ÌÁ٠ó·³ ¿¬°áµÇ¾îÀִµ¥ À̸¦ ±¸ÇöÇÒ ±âº» °³³äÀÌÁÒ.
ÀÌ·¸°Ô ¿¬°áµÈ ¸µÅ©¸¦ ÇÏÀÌÆÛ¸µÅ©(Hyper Link)¶ó°í ºÎ¸¨´Ï´Ù.

¿¹¸¦ µé¾î ÀúÈñ°¡ ÀÎÅͳݿ¡¼­ ÇÏ´Â ¸ðµç ÇàÀ§´Â ¾î¶² ¸µÅ©¸¦ Ŭ¸¯Çؼ­ À̵¿À» ÇÏ´Â °ÍÀÌ ±âº»ÀÔ´Ï´Ù.
°Ë»ö¾î¸¦ ÀÔ·ÂÇÏ°í ¹öÆ°À» Ŭ¸¯Çϵç, °Ë»ö °á°ú¸¦ ´­·¯¼­ À¥ÆäÀÌÁö·Î À̵¿À» Çϵç, »çÀÌÆ® ³»ÀÇ ¸Þ´º¸¦ ´©¸£µç,
½ÉÁö¾î´Â À¥ºê¶ó¿ìÁ®ÀÇ Áñ°Üã±â ¸ñ·ÏÀ» Ŭ¸¯ÇÏ´Â °Í Á¶Â÷µµ ÀÌ ±âº» °³³äÀ» ÀÌ¿ëÇÑ °ÍÀÌÁÒ.


HTMLÀÌ ÇÒ ¼ö ÀÖ´Â °ÅÀÇ À¯ÀÏÇÑ ±â´ÉÀÌ ÀÌ°ÍÀÔ´Ï´Ù.
¹®¼­¿Í ¹®¼­. Áï, À¥ÆäÀÌÁö¿Í À¥ÆäÀÌÁö¸¦ ¿¬°áÇØÁÖ´Â ±â´ÉÀÌÁÒ.
ÀÌ ±â´É ¿Ü¿¡ HTMLÀÌ ÇÒ ¼ö ÀÖ´Â °ÍÀº 'ű×'¶ó´Â °ÍÀ» ¼ø¼­´ë·Î ½á¼­ ¹®¼­ÀÇ ³»¿ëÀ» ·¹°íó·³ ½×¾Æ¿Ã¸®´Â °ÍÀÔ´Ï´Ù.
HTMLÀÌ ÇÒ ¼ö ÀÖ´Â ¸ðµç °ÍÀÌ ÀÌ µÎ °¡Áö ±â´ÉÀÔ´Ï´Ù.


#2. HTML ¹®¼­¸¦ ¸¸µé¾î º¸ÀÚ 

±×·¯¸é HTML¹®¼­¸¦ ¾î¶»°Ô ¸¸µé±î¿ä?
±×³É ¸Þ¸ðÀå(notepad) ¿­°í¼­ ÆÄÀÏ ÀúÀå ÇÒ ¶§ È®ÀåÀÚ¸¦ html·Î ºÙÀÌ¸é µË´Ï´Ù.
(¿¹) ÆÄÀÏÀ̸§.html

È®ÀåÀÚ°¡ ¹¹³Ä±¸¿ä?
ÆÄÀÏÀÇ À̸§Àº "ÆÄÀÏÀ̸§.È®ÀåÀÚ"ÀÇ ÇüŸ¦ °®°í ÀÖ½À´Ï´Ù. ¿©±â¼­ "." µÚÀÇ ºÎºÐÀÌ È®ÀåÀÚÀÔ´Ï´Ù.
ÄÄÇ»ÅÍ´Â ÀÌ È®ÀåÀÚ¸¦ º¸°í¼­ ÆÄÀÏÀÇ Á¾·ù¸¦ óÀ½ ÆÇ´ÜÇÕ´Ï´Ù.
(±×·¡¼­ ÀÌ°É ¾Æ¹«·¸°Ô³ª ¸· ¹Ù²Ù¸é ÆÄÀÏ ½ÇÇàÀÌ ¾È µÇÁÒ.)

ÆÄÀÏ È®ÀåÀÚ°¡ ¾Èº¸Àδٱ¸¿ä?
À©µµ¿ì ¼³Á¤ÀÌ ÄĸÍÇÑÅ×´Â È®ÀåÀÚ¸¦ ¾È º¸¿©ÁÖ°Ô µÇ¾îÀ־ ±×·¸½À´Ï´Ù.
(À©µµ¿ìXP±âÁØÀÔ´Ï´Ù¸¸) ¾Æ¹« Æú´õ³ª Ŭ¸¯Çؼ­ ¿©½Ã±¸¿ä.
À§ÀÇ ¸Þ´º º¸½Ã¸é 'µµ±¸'¿¡ 'Æú´õ ¿É¼Ç'ÀÌ ÀÖÀ¸´Ï Ŭ¸¯Çϼ¼¿ä.
»ó´ÜÀÇ 'º¸±â'ÅÇÀ» Ŭ¸¯ÇÏ½Ã¸é ¾Æ·¡ ³»¿ëÀÇ Áß°£º¸´Ù Á» ´õ ¾Æ·¡ÂÊ¿¡ '¾Ë·ÁÁø ÆÄÀÏ Çü½ÄÀÇ È®Àå¸í ¼û±â±â'°¡ üũµÇ¾îÀÖÀ»°Ì´Ï´Ù.
ÀÌ°É Ã¼Å©¸¦ Ç®¾î¹ö¸®½Ã°í È®ÀÎ ´©¸£½Ã¸é º¸ÀÏ°Ì´Ï´Ù.



È®ÀåÀÚ°¡ htmÀÎ HTML¹®¼­´Â ¹¹³Ä±¸¿ä? ¹¯Áö¸¶½Ã°í ±×³É html¾¹´Ï´Ù.
±¦È÷ ÆíÇÏ·Á°í ÀÌ»óÇÑ Áþ ÇÏÁö¸»°í ¸¹ÀÌ ¾²´Â °É·Î °¡¿ä ¿ì¸®.

Âü°í·Î Àúµµ HTML µîÀÇ ¹®¼­ ÀÛ¾÷ ½Ã¿¡ ±×³É ¸Þ¸ðÀå ¾¹´Ï´Ù.
³ª¸ð³ª Editplus ÀÌ·± °Å ´Ù ÇÊ¿ä¾ø¾î¿ä. ±¦È÷ ¸Ó¸®¸¸ ´õ º¹ÀâÇØÁý´Ï´Ù. ½±°Ô °©½Ã´Ù.

¸¸ÀÏ HTMLÆÄÀÏÀ» ¸Þ¸ðÀåÀ¸·Î ¸ø ¿©½Ã°ÚÀ¸¸é ¾Æ·¡¿Í °°ÀÌ Çغ¸¼¼¿ä.
( HTMLÆÄÀÏ ¿ìŬ¸¯ ¡æ ¿¬°á ÇÁ·Î±×·¥ ¡æ ¸Þ¸ðÀå(ȤÀº Notepad)  )
* ¸¸ÀÏ ¸Þ¸ðÀåÀÌ ¸ñ·Ï¿¡ ¾ø´Ù¸é '¿¬°á ÇÁ·Î±×·¥'¿¡¼­ ãÀ¸¸é ³ª¿É´Ï´Ù.


#3. ű׶õ ¹«¾ùÀΰ¡? 

±×·³ ÀÌÁ¦ ű׿¡ ´ëÇؼ­ ¼³¸íÇغ¸°Ú½À´Ï´Ù.
ÀúÈñ°¡ °£È¤ º¸´Â <ű×À̸§> ÀÌ·¸°Ô ½á ÀÖ´Â ¸ð¾çÀÇ °ÍµéÀ» HTML¿¡¼± ű׶ó°í ºÎ¸¨´Ï´Ù.
È­»ìÇ¥ ¸ð¾çÀÇ °ýÈ£<>¸¦ Ç¥½ÄÀ¸·Î Çؼ­ ƯÁ¤ÇÑ ¸í·ÉµéÀ» ¹Þ¾ÆµéÀÌ°í ½ÇÇàÇÏ´Â °ÍÀÌÁÒ.
À¥ÆäÀÌÁö´Â ÀÌ Å±׵éÀ» ¼ø¼­´ë·Î ³ª¿­Çؼ­ ¸¸µì´Ï´Ù.
¾î¶² °è»êÀ̳ª ¿ø¸®°¡ ÇÊ¿äÇÑ °Íµµ ¾Æ´Ï°í ±×³É ´«¿¡ º¸ÀÌ´Â ¼ø¼­´ë·Î À§¿¡¼­ºÎÅÍ ½×´Â °ÍÀÌÁÒ.


(¿¹)
(¿¹) ÅؽºÆ®ÀԷ â°ú ¹öÆ° ű×
<input type="text" size="50">
<input type="button" value="¹öÆ°">
(°á°ú)



À§¿¡ º¸½Ã´Â °Í ó·³ µÎ °³ÀÇ Å±׸¦ ÀÔ·ÂÇÏ´Ï±î µÎ °³°¡ ¼ø¼­´ë·Î º¸¿©Áö´Â °ÍÀ» È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML ű״ ÀÌ·¸°Ô ¼ø¼­´ë·Î ¾²¸é ¼ø¼­´ë·Î ³ª¿É´Ï´Ù. ÀÌ°Ô °ÅÀÇ ÀüºÎÀÔ´Ï´Ù.



ű׿¡ ´ëÇÑ ±âº» °³³äÀ» Çϳª¸¸ ´õ ¼³¸íÇÏ°Ú½À´Ï´Ù.
¾î¶² ű״ '¿­°í' '´Ý´Â' °³³äÀÌ ÀÖ½À´Ï´Ù.

¿¹¸¦ µé¾î <ű×À̸§></ű×À̸§> ÀÌ·± ±¸¹®ÀÌ ÀÖÀ¸¸é,
<ű×À̸§> ¡ç ÀÌ°Ç Å±׸¦ ¿¬ °ÍÀÌ°í
</ű×À̸§> ¡ç ÀÌ°Ç Å±׸¦ ´ÝÀº °ÍÀÔ´Ï´Ù.

¿­°í ´Ý´Â ű״ ÀϹÝÀûÀ¸·Î ±× »çÀÌ¿¡ ÀÖ´Â ºÎºÐ¿¡ ¿µÇâÀ» ³¢Ä¨´Ï´Ù.
¿¹¸¦ µé¾î¼­ <center>³»¿ë</center>¶ó´Â ű״Â
¿­°í ´Ý´Â »çÀÌÀÇ ³»¿ëÀ» ÆäÀÌÁö ÇÑ °¡¿îµ¥·Î Á¤·Ä ½Ãŵ´Ï´Ù. (°¡·Î¹æÇâ)
(¿¹)
<center>°¡¿îµ¥ Á¤·Ä Å×½ºÆ®</center>
(°á°ú)
°¡¿îµ¥ Á¤·Ä Å×½ºÆ®


´Ù¸¥ °Å ÇÊ¿ä¾øÀÌ Å±װ¡ ¹«¾ùÀÎÁö¶û, ű׸¦ ¿­°í ´Ý´Â´Ù´Â ¸»ÀÌ ¹ºÁö¸¸ ¾Ë¸é À̹ø °­ÀÇ´Â OK.

Âü ½±ÁÒ? À̹ø °­ÀÇ ³Ê¹« ¾î·Á¿ì¸é ´ñ±Û ÁÖ¼¼¿ä-_-;        


computer£ü 2012-08-17 05:01:23 £ü [Comment(0)]




   ¡Ùcomputer

ÄÄÇ»Å͸¦ Æ÷¸ËÇß½À´Ï´Ù-_-;  2014-01-21
SNS Ç÷¯±×ÀÎ ¼³Ä¡  2012-09-12
[JAVA SCRIPT] getElementById()  2012-09-05
[HTML] link ÅÂ±× ¼ô ÄÆ ¾ÆÀÌÄÜ ÁöÁ¤  2012-09-03
SEO - °Ë»ö¿£ÁøÃÖÀûÈ­  2012-08-22
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â CSS °­Á  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 08Æí : ±× ¿Ü   2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 07Æí : Æû  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 06Æí : ¸ÞŸ űנ 2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 05Æí : ÇÁ·¹ÀÓ  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 04Æí : Å×ÀÌºí  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 03Æí : ±ÛÀÚ¾²±â¿Í À̹ÌÁö Ãâ·Â, ÇÏÀÌÆÛ¸µÅ©  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 02Æí : HTML ¹®¼­ÀÇ ±âº»±¸Á¶  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 01Æí : ű׶õ ¹«¾ùÀΰ¡?  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö Àִ ȨÆäÀÌÁö °­Á - ÀÎÆ®·Î  2012-08-17
Chrome ºê¶ó¿ìÀú µî¿¡¼­ÀÇ style.display ¼Ó¼º¹®Á¦  2012-08-07
»çÀÌÆ®¸ÊÀ» ¸¸µé¾îº¸ÀÚ  2012-07-31
[JAVA SCRIPT] ÄÚ¸àÆ® â ºÒ·¯¿À±â  2012-07-31
[mySQL] select·Î °Ë»ö  2012-07-31
[PHP] µû¿ÈÇ¥ »ç¿ë ¹®Á¦  2012-07-31
[PHP] Á¤±ÔÇ¥Çö½ÄÀ¸·Î ±úÁø ¹®ÀÚ ¾ø¾Ö±â  2012-07-31
[HTML] <nobr></nobr>  2012-07-31
ÄÄÇ»ÅÍ °ü·ÃµÈ °Ô½Ã¹°À» Á¤¸®ÇÏ·Á°í ÇÕ´Ï´Ù.  2012-07-31








ÙÞäñ - MyoAe - Homepage Mode
Ver. 1.45

by Aierse