ȸ¿ø·Î±×ÀÎ
13³â Àü
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
̵̧ : 624
̵̧
¸ñ·Ï