´ÙÀ½Àº Áö±Ý±îÁö ¹è¿î ¼±ÅÃÀÚ¿¡ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Àû¿ëÇÑ °£´ÜÇÑ ¿¹Á¦ÀÔ´Ï´Ù. ´ÙÀ½ÀÇ ¿¹Á¦¸¦ º¸°í ÀÌÇØ°¡ ¾ÈµÇ½Ã¸é óÀ½ºÎÅÍ ´Ù½Ã ÀоîÁֽñ⠹ٶø´Ï´Ù.
HTML Source | <html>
<HEAD>
<STYLE TYPE="text/css">
H1{font-family:Arial;font-size:9pt;Color:red}
</STYLE>
</HEAD>
<body>
<H1>This is a H1 stylesheet (1)</H1> <!-- ¨ç -->
<H1>This is a H1 stylesheet (2)</H1> <!-- ¨è -->
</body>
</html> |
|
¼³¸íÇϸé ÀÔÀÌ ¾ÆÇÁ°Ú½À´Ï´Ù. H1 ¼±ÅÃÀÚÀÇ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ Head ÅÂ±× »çÀÌ¿¡¼ ÁýÇÕÀ¸·Î Àû¿ë½ÃÄ×°í ÀÌ ¼±ÅÃÀÚ¸¦ »ç¿ëÇϱâ À§Çؼ body ÅÂ±× ¾È¿¡¼ Àû¿ëÀÌ µÇ¾ú½À´Ï´Ù. °á°ú´Â »·ÇÏ°ÚÁÒ?
¨ç , ¨è ÀÇ »öÀº ¸ðµÎ »¡°£»öÀ» ³ªÅ¸³À´Ï´Ù. ±×·±µ¥ ¶È°°ÀÌ ¼±ÅÃÀÚ H1À» »ç¿ëÇؼ ¨è ºÎºÐÀ» ³ì»öÀ¸·Î ¹Ù²Ù·Á¸é ¾î¶»°Ô ÇؾßÇϴ°¡? ÇÏ´Â Áú¹®ÀÌ °¡´ÉÇÕ´Ï´Ù. ¼Ò½º¸¦ ´ÙÀ½°ú °°ÀÌ ¹Ù²Ù¾î º¸¼¼¿ä.
HTML Source | <html>
<HEAD>
<STYLE TYPE="text/css">
.red{font-family:Arial;font-size:9pt;Color:red} <!-- ¨ç -->
H1.green{font-family:Arial;font-size:9pt;Color:green} <!-- ¨è -->
</STYLE>
</HEAD>
<body>
<H1 class=red>This is a H1 stylesheet (1)</H1>
<H1 class=green>This is a H1 stylesheet (2)</H1>
</body>
</html> |
|
¨ç ºÎºÐÀº class¸¦ ÁöÁ¤ÇÑ°ÍÀÔ´Ï´Ù. Áï Ŭ·¡½º°¡ red ÀΰÍÀº ¸ðµÎ Color:red ¼Ó¼ºÃ³·³ »¡°£»öÀ¸·Î ³ªÅ¸³»¾î¶ó ÇÏ´Â °ÍÀÔ´Ï´Ù.
¨è ºÎºÐÀº ¼±ÅÃÀÚ°¡ H1 ÀΰÍÁß¿¡¼ class=greenÀÎ ºÎºÐ¿¡ color=greenÀ» Àû¿ëÇ϶ó´Â ¶æÀÔ´Ï´Ù.
¼Ò½ººÎºÐÀ» º¸½Ã¸é °¢°¢ class=red, class=green ºÎºÐÀ» ÁöÁ¤ÇßÁÒ.
µû¶ó¼ ÇÑÆäÀÌÁöÀÇ ÀüüÀûÀÎ ±ÛÀÚÀÇ Å©±â³ª »çÀÌÁî, »öµîÀº ÇϳªÀÇ Å¬·¡½º·Î ÁöÁ¤Çؼ ¾î¶² ¼±ÅÃÀÚ°¡ »ç¿ëÀÌ µÇ¾îµµ Ŭ·¡½º¸¸ ÁöÁ¤ÇÏ¸é ±×·¸°Ô º¸ÀÌ°ÚÁÒ?
ºÎºÐÀûÀ¸·Î ³»°¡ ½ºÆ®ÀÏ ½ÃÆ®¸¦ Àû¿ëÇÏ°í ½ÍÀ¸¸é »õ·Î¿î Ŭ·¡½º¸¦ Àû¿ë½ÃÅ°¸é ¿øÇϴ°÷¿¡¼ ºÎºÐÀûÀ¸·Î »ç¿ëÀÌ °¡´ÉÇÕ´Ï´Ù.
|
|