W3C ¹®ÀÚÀÇ Ç¥Çö(¸Ó¸´¸»°ú FONT) Trio ȨÆäÀÌÁö

¸Ó¸´±ÛÀÚ(Headings)

°¢ ´Ü°èÀÇ Á¦¸ñÀ» Ç¥½ÃÇÏ´Â °ÍÀ¸·Î

<H1></H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>, <H6></H6> 6 ´Ü°è°¡ ÀÖÀ¸¸ç <H1></H1>ÀÌ °¡Àå Å« ±ÛÀÚÀÌ´Ù.

¸Ó¸´±ÛÀÚ´Â ÀÏ¹Ý ¹®¼­ÀÇ ±ÛÀÚ¿¡ ºñÇÏ¿© Å©±â°¡ Å©°í ´õ ±½Àº ±ÛÀڲ÷ΠǥÇöµÇ°í, Á¦¸ñµéÀ» Ç¥½ÃÇϱâ À§ÇÑ °ÍÀ̹ǷΠ¾ÕÀÇ ¹®Àå°ú µÚÀÇ ¹®ÀåÀ¸·Î ºÎÅÍ ºÐ¸®Çϱâ À§ÇÏ¿© ÀÚµ¿ ÁٹٲÞÀ» ÇÑ´Ù.

¸Ó¸´±ÛÀÚ ½ÃÀÛÅÂ±×¿Í Á¾·áÅÂ±× ¾È¿¡ ³»¿ëÀ» ³ÖÀ¸¸é µÈ´Ù.

<Hn>¸Ó¸´±ÛÀÇ ³»¿ë</Hn>

¸Ó¸´±ÛÀÚ¸¦ °¢ ´Ü°èÀûÀ¸·Î(1¿¡¼­ ºÎÅÍ 2, 3,.. 6À¸·Î) ÇÏ¿©¾ß ÇÑ´Ù´Â »ç¶÷µµ ÀÖ°í, ±×·² ÇÊ¿ä°¡ ¾ø´Ù´Â ÁÖÀåµµ ÀÖÀ¸³ª ÀúÀÚ´Â ÈÄÀÚ¸¦ ÁÖÀåÇÑ´Ù.

<HTML>
<HEAD>
<TITLE>¹®¼­ Á¦¸ñ</TITLE>
</HEAD>
<BODY>

<H1>H1 Á¦¸ñ ±ÛÀÚ</H1>

H1 Á¦¸ñ ±ÛÀÚ

<H2>H2 Á¦¸ñ ±ÛÀÚ</H2>

H2 Á¦¸ñ ±ÛÀÚ

<H3>H3 Á¦¸ñ ±ÛÀÚ</H3>

H3 Á¦¸ñ ±ÛÀÚ

<H4>H4 Á¦¸ñ ±ÛÀÚ</H4>

H4 Á¦¸ñ ±ÛÀÚ

<H5>H5 Á¦¸ñ ±ÛÀÚ</H5>
H5 Á¦¸ñ ±ÛÀÚ
<H6>H6 Á¦¸ñ ±ÛÀÚ</H6>
H6 Á¦¸ñ ±ÛÀÚ
</BODY>
</HTML>

<FONT>

±ÛÀÚÀÇ Ç¥Çö ÇüÅÂ(½ºÅ¸ÀÏ)¸¦ ³ªÅ¸³»¸ç ¿©·¯ °¡ÁöÀÇ Æ¯¼º ¹× °ªÀ» °¡Áú ¼ö Àִµ¥ À̸¦ ¾ÖÆ®¸®ºäÆ®(attribute)¶ó ÇÑ´Ù.
HTML¿¡¼­´Â °ÅÀÇ ¸ðµÎ ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾ÊÀ¸³ª(´ë¹®ÀÚ³ª ¼Ò¹®ÀÚ¸¦ ´Ù »ç¿ë ÇÒ ¼ö ÀÖ½¿), ÀÌ ¼³¸í¼­¿¡¼­´Â ¸í·É ¿ä¼ÒÀÎ ¿¤·¹¸àÆ®(element:»ó¼¼ ³»¿ª ¸ñ·Ï)´Â ´ë¹®ÀÚ·Î, ÀÌ ¾ÖÆ®¸®ºäÆ®(attribute:»ó¼¼ ³»¿ª ¸ñ·Ï)´Â ¼Ò¹®ÀڷΠǥÇöÇÏ¿© ½±°Ô ±¸ºÐ ÇÒ ¼ö ÀÖ°Ô Çß´Ù.

¿¤·¹¸àÆ®±âº»ÀûÀÎ ¾ÖÆ®¸®ºäÆ®À» ¼Ò°³Çϸé size, color, faceµéÀÌ ÀÖ°í, ±× °ªµéÀÌ Æ¯¼ºÀ» ¾Æ·¡¿Í °°ÀÌ °áÁ¤ÇÏ¿© ÁØ´Ù.

ball <FONT size="4">³»¿ë</FONT>

¿©±â¼­ ¼öÄ¡´Â 1 ¿¡¼­ 7 »çÀÌÀÇ Á¤¼öÀÌ´Ù.
7ÀÌ °¡Àå Å« °ÍÀÌ°í 1ÀÌ °¡Àå ÀÛÀº °ÍÀÌ´Ù.
»ó´ëÀûÀ¸·Î ±âº» Å©±â¿¡¼­ +1 ȤÀº -1·Î ÁöÁ¤ ÇÑ ¼öÄ¡ ¸¸Å­ Á¶Àý ÇÒ ¼ö µµ ÀÖ´Ù.

<FONT size=7>FONT size=7 ±ÛÀÚ</FONT>
FONT size=7 ±ÛÀÚ
<FONT size=6>FONT size=6 ±ÛÀÚ</FONT>
FONT size=6 ±ÛÀÚ
<FONT size=5>FONT size=5 ±ÛÀÚ</FONT>
FONT size=5 ±ÛÀÚ
<FONT size=4>FONT size=4 ±ÛÀÚ</FONT>
FONT size=4 ±ÛÀÚ
<FONT size=3>FONT size=3 ±ÛÀÚ</FONT>
FONT size=3 ±ÛÀÚ
<FONT size=2>FONT size=2 ±ÛÀÚ</FONT>
FONT size=2 ±ÛÀÚ
<FONT size=1>FONT size=1 ±ÛÀÚ</FONT>
FONT size=1 ±ÛÀÚ

ball <FONT color="»ö»ó¸í">³»¿ë</FONT>

¿©±â¼­ »ö»ó °ªÀº »ö»ó¸íÀ̳ª »ö»ó ¹øÈ£°¡ µÇ´Âµ¥, »ö»ó ¹øÈ£´Â Àû»ö(red), ³ì»ö(green), û»ö(blue)À» ³ªÅ¸³»´Â rrggbb »ö»óÀÇ Á¤µµ¸¦ 16Áø¼ö·Î Ç¥½Ã ÇÑ °ÍÀ¸·Î ³ôÀº °ªÀÌ ff, ³·Àº °ªÀÌ 00ÀÌ°í, »ö»ó¸íÀº ÀÌµé »ö»ó ¹øÈ£¸¦ ±â¾ïÇÏ´Â ´ë½Å ±â¾ïÇϱâ ÁÁÀº ¿µ¹®À¸·Î ¹Ì¸® Á¤ÇÑ °ªÀÌ´Ù.

»ó¼¼ÇÑ ³»¿ëÀº »ö»óÇ¥¸¦ ÂüÁ¶Ç϶ó.

<FONT color="ff0000">FONT color="ff0000" ±ÛÀÚ</FONT>
<FONT color="cccccc">FONT color="cccccc" ±ÛÀÚ</FONT>
<FONT color="gold">FONT color="gold" ±ÛÀÚ</FONT>
<FONT color="black">FONT color="black" ±ÛÀÚ</FONT>


FONT color="ff0000" ±ÛÀÚ
FONT color="cccccc" ±ÛÀÚ
FONT color="gold" ±ÛÀÚ
FONT color="black" ±ÛÀÚ

ball <FONT face="±¼¸²">³»¿ë</FONT>

¿©±â¼­ ±Û²ÃÀ» ÁöÁ¤Çϴµ¥, ±Û²ÃÇ¥(font face)¸¦ ÂüÁ¶Ç϶ó.

<FONT face="±Ã¼­">FONT face="±Ã¼­" ±ÛÀÚ</FONT>
<FONT face="¹ÙÅÁ">FONT face="¹ÙÅÁ" ±ÛÀÚ</FONT>
<FONT face="Comic Sans MS">FONT face="Comic Sans MS" ±ÛÀÚ</FONT>
<FONT face="Impact">FONT face="Impact" ±ÛÀÚ</FONT>


FONT face="±Ã¼­" ±ÛÀÚ
FONT face="¹ÙÅÁ" ±ÛÀÚ
FONT face="Comic Sans MS" ±ÛÀÚ
FONT face="Impact" ±ÛÀÚ

ball <FONT size="4" color="red" face="±¼¸²">³»¿ë</FONT>

ÀÌ¿Í °°ÀÌ Á¶ÇÕÇÏ¿© »ç¿ë ÇÒ ¼ö ÀÖ´Ù.

<FONT size=4 face="±Ã¼­" color=008000>FONT size=4 face="±Ã¼­" color=008000 ±ÛÀÚ</FONT>
<FONT size=3 face="Comic Sans MS" color="000080">FONT size="3" face="Comic Sans MS" color="000080" ±ÛÀÚ</FONT>
<FONT size=-1 color="fusia" face="¹ÙÅÁ">FONT size=-1 color="fusia" face="¹ÙÅÁ"> ±ÛÀÚ</FONT>
<FONT size=+2 face="Impact" color=gray>FONT size=+2 face="Impact" color=gray ±ÛÀÚ</FONT>

FONT face="±Ã¼­" color=008000 ±ÛÀÚ
FONT size=3 face="Comic Sans MS" color="000080" ±ÛÀÚ
FONT size="-1" color="fusia" face="¹ÙÅÁ" ±ÛÀÚ
FONT size=+2 face="Impact" color=gray ±ÛÀÚ

Ư¼º °ªÀ» µû¿ÈÇ¥(")·Î ¹­¾î ÁÖ´Â °ÍÀÌ ¿øÄ¢À̳ª »ý·«ÇÏ¿©µµ µÈ´Ù. ±×·¯³ª °¡´ÉÇÑÇÑ µû¿ÈÇ¥·Î ¹­¾î ÁÖµµ·Ï ½À°ü µéÀÌ´Â °ÍÀÌ ÁÁ´Ù. ¹°·Ð ±Û²Ã À̸§¿¡ ºóÄ­ÀÌ ÀÖ´Â °Í¿¡´Â ¹Ýµå½Ã µû¿ÈÇ¥¸¦ ³Ö¾î ÁÖ¾î¾ß ÇÑ´Ù.

Á¾·áű×(</FONT>)±îÁö °è¼Ó Àû¿ëµÇ¸ç, ÀÚµ¿ ÁٹٲÞÀ» ÇÏÁö ¾Ê´Â´Ù.

ÀÌÁ¦ ±âº»ÀûÀÎ ±ÛÀÚ Ç¥ÇöÀ» À§ ÇÑ ¸Ó¸´±ÛÀÚ¿Í <FONT>¸¦ Á¶ÇÕÇÏ¿©, ¹®¼­¿¡ Ç¥½ÃµÇ´Â °¢Á¾ ±ÛÀÚÀÇ Ç¥ÇöÀ» ¿øÇÏ´Â ÇüÅ·ΠǥÇö ÇÒ ¼ö ÀÖ°Ô µÇ¾ú´Ù.

Ãß°¡ÀûÀΠǥÇöÀ¸·Î ű×Àº ´ÙÀ½¿¡ ¼³¸íÇÑ´Ù.

ÁÖ¼® ´Þ±â

HTML ¹®¼­ ÀÛ¼º Áß ÇÁ·Î±×·¥ ¼öÇà°ú °ü°è ¾øÀÌ Âü°í»çÇ×À» ³Ö¾î Âü°íÇϱ⸦ ¿ø ÇÒ ¶§´Â ±× ³»¿ëÀÌ ÁÖ¼®(comment)À̶ó´Â Ç¥½Ã¸¦ ÇÏ¸é µÈ´Ù. ÄÄÇ»ÅÍ ÇÁ·Î±×·¥¿¡¼­ ÁÖ¼®µéÀº º¸ÀÌÁöµµ ¾Ê°í, »ç¿ëµÇÁöµµ ¾Ê°í, ºê¶ó¿ìÀú¸¦ ÅëÇÏ¿© Á÷Á¢ º¼ ¼öµµ ¾øÀ¸¸ç ¾Æ¹«·± ¿µÇâµµ ÁÖÁö ¾Ê´Â ³»¿ëÀ» ¸»ÇÏ´Ù. ´ÜÁö ÀÌ¿ëÀÚ°¡ ¿øº»(source) ÆÄÀÏÀ» º¼ ¶§ ¸¸ ÁÖ¼®À» ÀÐÀ» ¼ö ÀÖ¾î ÇÁ·Î±×·¥ ÀÛ¼º Âü°í »çÇ×À» Àû¾î µÎ´Âµ¥ À¯¿ëÇÏ´Ù. ÁÖ¼®À» »ðÀÔÇÏ·Á¸é

<! ÇÑ ÁÙ ÁÖ¼® ¹®Àå ȤÀº>
<!-- ÁÖ¼® ¹®Àå
			¿©·¯ ÁÙÀÇ °æ¿ì -->

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