ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î


À¥Ç¥ÁØ Áؼö»çÇ× 22°¡Áö
12³â Àü
1) ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÃÀÚ³ª ½ºÅ¸ÀϽÃÆ® Áö½ÃÀÚ¿¡ ŸÀÔÁ¤º¸°¡ ²À ÇÊ¿äÇÏ´Ù.

<script></script>
<style></style>

<script type="text/javascript"></script>
<style type="text/css"></style>


2) img,  map ű׵ ¸ðµÎ alt ¼Ó¼ºÀÌ ÇÊ¿äÇÏ´Ù.


3) td´Â background ¼Ó¼ºÀ» Áö¿øÇÏÁö ¾ÊÀ¸¹Ç·Î ½ºÅ¸ÀÏ ½ÃÆ®ÇüÅ·ΠǥÇöÇÑ´Ù.
<td style="background-image:url('/img/img.gif');"></td>


4) tableÀº height ¼Ó¼ºÀ» Áö¿øÇÏÁö ¾Ê´Â´Ù.
<table height="100%"> <-- ¿¡·¯


5) trÀº colspan, height ¼Ó¼ºÀ» Áö¿øÇÏÁö ¾Ê´Â´Ù.
<tr height="30" colspan="2"> <-- ¿¡·¯




6) bodyű״ 2°³ÀÌ»óÀÖÀ¸¸é ¾ÈµÈ´Ù.
body¿¡ onLoad¶§¹®À̶ó¸é bodyű״ë½Å ¾Æ·¡ Çü½ÄÀ¸·Î ÇÑ´Ù.

<script type="text/javascript">
    window.onload = funcName(arg1,arg2);
</script>





7) ½ºÅ¸ÀϽÃÆ® font-family ¿¡ ÇÑ±Û parsingÀÌ ¾ÈµÇ´Â ¹®Á¦°¡ ÀÖ´Ù.
font-family:µ¸¿ò ÀÇ°æ¿ì font-family:Dotum À¸·Î º¯°æÇÑ´Ù.
ÁßøÁöÁ¤ °¡´É font-family:"µ¸¿ò","Dotum"




8) ½ºÅ¸ÀϽÃÆ® ¼±¾ðÀº <head> ¾È¿¡¼­ ÇØÁà¾ßÇÑ´Ù. <body> ¾È¿¡¼­ ¼±¾ðÇÏ¸é ¿¡·¯
<body>
    <link href="./style.css" rel=stylesheet type='text/css'>
</body>

<head>
    <link href="./style.css" rel=stylesheet type='text/css'>
</head>




9) html ¾È¿¡ bgcolor³ª width,height°ªÀ» %´ÜÀ§·Î ¼Ó¼º »ðÀԽà ÄÚÅټǺüÁö¸é ¿¡·¯
<td height="1" colspan="2" bgcolor="#ffffff"></td>
<table width="100%">
À§¿Í°°ÀÌ "" ¶Ç´Â '' ·Î °¨½ÎÁà¾ßÇÑ´Ù.




10) form űװ¡ table ¾È¿¡ ÀÖÀ¸¸é ¿¡·¯ tableÀ» °¨½Î°í ÀÖ¾î¾ßÇÑ´Ù. table ¾È¿¡ ÀÖÀ¸¸é ¿¡·¯
<table><tr>
<form>
<td></td></tr>
</form>
</table>

<form>
<table><tr><td></td></tr></table>
</form>

¶ÇÇÑ formű׾ȿ¡´Â name¼Ó¼º°ú action ¼Ó¼ºÀÌ ¸ðµÎ Á¸ÀçÇؾßÇÑ´Ù.
<map> ű׿ª½Ã table ¹Ù±ù¿¡ À§Ä¡ÇؾßÇÔ




11) À̹ÌÁö¼­ºê¹Ô¿¡ width, height, border ¼Ó¼ºÀ» ¾²¸é ¿¡·¯.
<input type="image" src="images/button_search.gif" align="bottom">
À§¿Í°°ÀÌ align ¼Ó¼ºÀº ¾µ¼ö ÀÖÀ½




13) url Äõ¸®½ºÆ®¸µÀÇ °æ¿ì & ±âÈ£´Â ´ÙÀ½°ú°°ÀÌ ÀÎÄÚµåÇØÁÖ¾î¾ßÇÑ´Ù.
& + amp;
& a m p ;
<a href="/dir/file.php?id=111& a m p ;pwd=222">xxxxxxxx</a>




14) imgű׳ª ±âŸ ÅÂ±× ¼Ó¼ºÁß¿¡ align="absmiddle" ´Â ºñÇ¥ÁØ middle ·Î ¼öÁ¤




15) ½ºÅ¸ÀÏÀ» Ç¥ÇöÇÒ¶§ width, height °ª¿¡ px ¾ÈºÙÀÌ¸é ¿¡·¯, »ö»óÄڵ忡 # ¾ÈºÙÀÌ¸é ¿¡·¯
ÃßÈÄ Á¤¸» Á׾ ¾ÈµÉ »óȲÀ̶ó¸é ÇÙÀ» ¾µ¶§ »ç¿ëÇÒ¼ö ÀÖÀ»°ÍÀÔ´Ï´Ù.
style="width:10px;height:20px;#FFFFFF;"




16) hidden űװæ¿ì <table> ¾È¿¡ µé¾îÀÖÀ¸¸é ¿¡·¯.. Áï form ¾È¿¡ table ¹Û¿¡ À§Ä¡
Áï formÅÂ±× ¾È¿¡ tableÅÂ±× ¹Û¿¡ À§Ä¡ÇؾßÇÔ




17) bodyű׿¡ leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" ºÎºÐ ÀÖÀ¸¸é ¿¡·¯
style="margin:0px;" ÇüÅ·Π¹Ù²ãÁØ´Ù.




18) ÀÚ¹Ù½ºÅ©¸³Æ® º¯¼ö¿¡ html ´ÝÈûÅÂ±× ¾µ¶§´Â escape¹®ÀڷΠǥÇöÇÑ´Ù.
<a href='url'>url<\/a>




19) Ç÷¡½¬ »ðÀÔ
<object type="application/x-shockwave-flash" data="/swf/main.swf" width="780" height="500">
    <param name="movie" value="/swf/index_main.swf">
    <param name="quality" value="high">
</object>
Ç÷¡½¬ ű׿¡ classid³ª codebase¸¦ ¾²¸é ¿¡·¯.
´Ù¸¸ jsÇüÅ·Π¹ÛÀ¸·Î »©³õÀ¸¸é ¿¡·¯ ¸øãÀ½ -_-;;




20) ÁÖ¼®¿¡ + ±âÈ£´Þ¸é ¿¡·¯
<!-- ----------- + ---------------- -->
À§ÀÇ ÇüÅ ¿¡·¯³²..




21) DocType¸¦ ÆäÀÌÁö ¸Ç»ó´Ü(htmlÅÂ±× ¹Û)¿¡ Á¤ÀÇÇؾßÇÔ ¹«Á¶°Ç!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">




22) TEXT-DECORATION ÀÇ ½ºÅ¸ÀÏ Ç¥ÇöÇüÅÂ
TEXT-DECORATION: none
TEXT-DECORATION: yes(x) -> TEXT-DECORATION: underline
ÃßõÃßõ : 553 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
2,315
ÆÄÀÏ È®ÀåÀÚ ÃßÃâ ¹× Á¦ÇÑ
2,314
Ư¼ö¹®ÀÚ Á¦°Å
2,313
> ·Î ½ÃÀÛÇؼ­ </ ·Î ³¡³ª´Â ºÎºÐ¸¸ ÃßÃâÇϱâ
2,312
À¥Ç¥ÁØ W3C : ÀÚµ¿¿Ï¼º ±â´É ²ô±â autocomplete off
2,311
HTML & CSS Tip
2,310
div display ¼Ó¼º
2,309
ÀÚ¹Ù½ºÅ©¸³Æ® XHTML DTD STRICT À¯È¿¼º¿¡ Åë°úÇϱâ
2,308
div Áٹٲްú ÁÙ¹Ù²Þ ¹æÁö
2,307
float:left¸¦ ´ëüÇÒ ¼ö ÀÖ´Â display:inline, inline-block
2,306
Å©·Î½ººê¶ó¿ì¡ input ¹Ú½º
2,305
IE6,IE7 ,FireFox ¿¡ ´ëÇØ CSS ¸ÂÃß±â
2,304
IE Á¶°ÇºÎ ÁÖ¼®ÀÇ ÀûÀýÇÑ »ç¿ë¹ý
2,303
CSS HackÀ» »ç¿ëÇÏ¿© ȣȯ¼º ¹®Á¦¸¦ ÇØ°á
2,302
À¥Ç¥ÁØ TABLE (Å×À̺í)
À¥Ç¥ÁØ Áؼö»çÇ× 22°¡Áö
2,300
internet Explorer8 ¿¡¼­ ±âÁ¸ »çÀÌÆ®¸¦ Á¤»óÀûÀ¸·Î ³ª¿À°Ô ÇÏ´Â ¸ÞŸÅ±×
2,299
°¢ HTML¹öÀüº° DTD(Document Type Definition)
2,298
strict À¯È¿¼º °Ë»ç¿¡¼­ form name='name1' name¼Ó¼º °É¸®´Â ¹®Á¦
2,297
XHTML1.1 ¿¡¼­ ÀϹÝÀûÀ¸·Î ¹üÇϱ⠽¬¿î ¿À·ù
2,296
À¥Ç¥ÁØ¿¡¼­ ´õÀÌ»ó »ç¿ëÇÒ¼ö ¾ø´Â ű×&¼Ó¼º
2,295
ÀÚ¹Ù½ºÅ©¸³Æ® Á¤±ÔÇ¥Çö½Ä
2,294
ÀüÈ­¹øÈ£ ÀԷ½à ÀÚµ¿ ÇÏÀÌÇ ³Ö±â
2,293
À̺¥Æ® Çڵ鷯 (Event Handler) ¸ðÀ½
2,292
DIVű׿¡¼­ »óÇÏÁ¤·Ä ½ºÅ©¸³Æ®
2,291
Æ˾÷ Â÷´Ü ¿©ºÎ È®ÀÎ ½ºÅ©¸³Æ®
2,290
À¥ Á¢±Ù¼ºÀ» »ý°¢ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®
2,289
ÀÚµ¿ ·Î±×Àνà ****** ·Î ¼û°ÜÁø Æнº¿öµå ¾Ë¾Æ³»±â
2,288
ÇÑ±Û Ã¼Å© ½ºÅ©¸³Æ®
2,287
À̹ÌÁö ¾øÀ»¶§ ´ëü À̹ÌÁö Ãâ·Â
2,286
ÀÚ¹Ù½ºÅ©¸³Æ® ¿ÀºêÁ§Æ® Opacity Á¦¾î
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.