HTML 코드를 입력 한 후 [미리보기] 버튼 클릭

          기초태그           Color-Table

※ · → ▤ ▥ ▨ ▧ ▦ ■□ ▣ ◇ ◆ ◈ ○ ● ° ◎ ◐ ◑ ◁ ◀ ▷ ▶ △ ▲ ▽ ▼ ♡ ♥ ♤ ♠ ♧ ♣ ♂ ♀ 印

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ※ → ⇒ ㆍ ₩ $

㉠ ㉡ ㉢ ㉣ ㉤ ㉥ ㉦ ㉧ ㉨ ㉩ ㉪ ㉫ ㉬ ㉭ ㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ ㉵ ㉶ ㉷ ㉸ ㉹ ㉺ ㉻
ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ
ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ
ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹⅠ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ

月 火 水 木 金 土 日 ® √ ? 印 ⓛ ⓜⓡⓟⓐⓖⓔ

· ‥ … ¨ 〃 ­ ― ∥ \ ∼ ‘ ’ “ ” ′ ″ 〔 〕〈 〉《》「 」『 』【 】 ¶ ※
℃ Å ¢ £ ¥ ° 。 ‰ ℉ ∀ ∃ ∏ ∂ ∇ ∮ §
± × ÷ ≠ ≤ ≥ ∞ ∴ ≡ ≒ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ∑ ∠ ⊥
→ ← ↑ ↓ ↔ ⇒ ⇔ ↕ ↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬ ♂ ♀ † ‡

☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ ¤ ♨ ☏ ☎ ☜ ☞ ㉿ ㈜ ◁ ◀ ▷ ▶
♤ ♠ ♡ ♥ ♧ ¡ ¿ ~ ˇ ˘ ⌒ ˚ ♣ ⊙ ◈ ▣ ◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩

æ Δ Φ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω
㎛ ㎟ ㎠ ㎡ ㎢ ㎕ ㎖ ㎗ ℓ ㎘ ㏄ ㎣ ㎤ ㎥ ㎦ ㏊ ㎍ ㏈ ㎧ ㎨ ㎰ ㎶ Ω ㎮ ㎯ ㏆
½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ¹ ² ³ ⁴ ⁿ ₁ ₂ ₃



<TABLE> <TR> <TD>   </TD> </TR> </TABLE>

<table> <tr>  <td>        </td> </tr> </table>
<TABLE  width=""  height=""  bgcolor="#" cellpadding="0" cellspacing="0" border=""> <TR> <TD bgcolor="#"  width=""  height="" 
align="left/center/right" valign="top/middle/bottom"> 
<a href=""  target="_blank"> <font size="2" face="돋움" color="">    </font> </a> 
 </TD> </TR> </TABLE>  
[점선]  <HR align="cennter"  size="1"   (no)shade style="color:#ababab;border-style:dotted;"> </HR>
[Solid 스타일] solid 
<table width='' cellpadding='2' cellspacing='0' style="border-style:solid; border-width:2;
border-color:CCCC66; background-color:efefef;">
<tr> <td>    </td> </tr> </table>

[Dotted 스타일] dotted  [Dashed 스타일] dashed  [Double 스타일] double  [Groove 스타일] groove
[Ridge 스타일] ridge  [Inset 스타일] inset  [Outset 스타일] outset 

<table width=""  height="" bgcolor="#" cellspacing="1" bordercolordark="#" bordercolorlight="teal"  border-color="#" border="1" 
id="myexample" style="border:1px skyblue" > <tr><td align="center">   </td></tr></table>


[1] 테이블에 링크 걸기 <table style=cursor:hand; onclick=location.href="http://www.yahoo.co.kr"><tr><td> 내용 </td></tr></table>
      TR, TD에도 적용할 수 있다.

[2] 표의 셀에 링크 넣기 <td onMouseOver="this.style.backgroundColor='#FFFFCC'" onMouseOut="this.style.backgroundColor=''" 
style="cursor:hand;" onclick=location.href="http://www.homepagebuilder.co.kr" > 
<a href="http://www.homepagebuilder.co.kr"> 내용 </a> </td>

팝업 <script>window.open("http://mrpage.hihome.com/page2.html", "COMNEKR_ACCUMULATECOUNT", "width=650 , height=560 , 
resizable=0,scrollbars=1") </script> 

 TEXTAREA 박스에서  스크롤이 되도록 하기  <textarea rows="5" cols="40" dir="ltl"style="text-align:left"> </textarea>
<!-------------------------------------------------->
<P STYLE="font-size: 10pt; color: #336699;">......</P>  이렇게 하면 전체스타일시트의 적용을 받지 않고 <P>의 내용은 그 자체의 
스타일시트로 적용. 
<!-------------------------------------------------->

[줄 간격 조정  150%, 200%  등]   <SPAN style="LINE-HEIGHT: 150%"><FONT style="FONT-SIZE: 10pt" color=#0000ff>  </SPAN>    
<!-------------------------------------------------->

[좌측 여백 두기]    <P style="TEXT-INDENT: 10px">  <FONT face=돋움 size=2> </Font> </P> 
<!-------------------------------------------------->
[위치규정]   ① <div id="" class="ns" style="position: absolute; top:4px; left: 0; "> 
② <div id="tText6" class="ns" style="position: absolute; top:150px; left: 90px; width:500px; height: 300px;overflow: hidden; 
background-color: #00ffff; layer-background-color: #f0fbef"> <a name="Text6"></a> 

<!-------------------------------------------------->
[ 그 림 ]  <table border="1" width="720" height="70" id="myexample" style="border:1px skyblue" ><tr><td align="center">

<img src="http://mrpage.hihome.com/cp/dn.gif" width="610" height="70" border=0  align=center >  </td></tr></table> 

[ 음 악 ]  
<Embed src="음악파일" autostart="true" loop="-1" volume="0" hidden="true" width="0" height="0"></Embed> 
<a href="javascript:document.embeds[0].play()">음악듣기</a>ㅣ<a href="javascript:document.embeds[0].stop()">음악끄기</a> 

배경음악
 <embed src="http://ycode.com.ne.kr/music/midi/foreign/023.asf"   autostart="true"  hidden="true"  loop="true"  
volume="0"width="120" height="20"></embed> 

<a href="javascript:document.embeds[0].stop()"> <font size="2" color="#ffffff" face="돋움">배경음악 끄기</font></a>   

[플래시]
<EMBED type=application/x-shockwave-flash src="http://mrpage.hihome.com/fla/suk01.swf" width="570"  height="320" volume="0" 
loop="-1" allowNetworking="internal" allowScriptAccess="never" invokeURLS="false" autostart="true"></EMBED>

[본문에서 iframe 넣기] <iframe src="불러올 파일 주소" allowTransparency="true"width="600"  height="500"> </iframe> 
[마키] <marquee bgcolor="" width="300" height="20"  direction="up" behavior="" scrollamount="10" scrolldelay="200"> 문장 </marquee>
<!-------------------------------------------------->
[마키] <marquee  bgcolor="" width="300" height="20"  direction="up" behavior="" scrollamount="1" scrolldelay="100"> 마퀴 </marquee> 
1.문장이 흘러갈 때의  특정한 색상
<marquee BGCOLOR=#333366> 예쁜 배경색상이 보이나요? </marquee> 
2. 마퀴 박스의 크기 조절
<marquee BGCOLOR=cyan width="200" height="30"> 가로 200 이고 세로 30인 사이즈 </marquee> 
3. 흘러가는 문장의 방향을 자유롭게 하기 [마퀴] 
<marquee BGCOLOR=red width="200" height="30" direction="left"> 가로 200이고 세로 30인 사이즈로 왼쪽으로 가는 마퀴</marquee>
left : 문장이 왼쪽으로 흘러감  right : 문장이 오른쪽으로 흘러감  up : 문장이 위로 흘러감  down : 문장이 아래로 흘러감  
4.  문장이 양쪽으로 왔다갔다 흘러가게 하기 
<marquee BGCOLOR=orange width="300" height="20" BEHAVIOR="alternate"> 문장이 왔다리갔다리 합니다. </marquee>  
5. 흘러가는 문장의 속도 조절하기 [마퀴] 
<marquee bgcolor="" width="300" height="20"  direction="up" behavior="" scrollamount="10" scrolldelay="200"> 속도조절  </marquee> 


〈marquee behavior="scroll, slide, alternate" direction="left, right, up, down" bgcolor="#B0C4DE" width="300" height="100" onMouseOver="this.stop();" onMouseOut=this.start()>글자나 이미지〈/marquee〉 'behavior'는 '행동'의 뜻을 가진 단어로, 글자나 그림이 어떻게 움직이게 할 것인지를 결정하는 명령어이다. 'scroll'은 글자나 그림이 흘러가다가 사라지고, 다시 나타나는 속성이다. 'slide' 는 흘러가다가 마지막에 멈추게 하는 속성이고, 'alternate'는 양쪽 경계선을 기준으로 계속 왕복운동을 하게 만드는 속성이다. 지정하지 않으면 기본값으로 'scroll'이 선택된다. 'direction'은 '방향'이란 뜻을 가진 단어이고, 글자나 그림이 상하좌우 어느 방향으로 이동하게 만들 것인지를 결정하는 명령어이다. 'left'는 왼쪽, 'right'는 오른쪽, 'up'은 위로, 'down'은 아래로 흘러가게 만드는 속성이다. 결정하지 않으면 'left'가 기본값으로 지정된다. onMouseOver="this.stop();" onMouseOut=this.start() : 흐르다가 마우스 대면 멈춤 <예시>


<TABLE width="600" height="" bgcolor="#FFFFFF" cellSpacing="1" cellPadding="0" border="0">

<TR>
<TD width="150" align="center" bgcolor="#008b8b"> <FONT size="2" color="#FFFFFF" face="돋움"> <B></B> </FONT> </TD>
<TD width="150" align="center" bgcolor="#008b8b"> <FONT size="2" color="#FFFFFF" face="돋움"> <B></B> </FONT> </TD>
<TD width=""  align="center" bgcolor="#008b8b"> <FONT size="2" color="#FFFFFF" face="돋움"> <B></B> </FONT> </TD>
</TR> 

<TR>
<TD bgcolor="#7FFFD4" align="center" > <FONT color="#000000" size="2"  face="돋움"></FONT> </TD>
<TD bgcolor="#7FFFD4" align="center" > <FONT color="#000000" size="2"  face="돋움"></FONT> </TD>
<TD bgcolor="#7FFFD4" align="center" > <FONT color="#000000" size="2"  face="돋움"></FONT> </TD>
</TR> 

<TR>
<TD bgcolor="" align="" > <FONT color="" size="2" face="돋움"></FONT> </TD>
<TD bgcolor="" align="" > <FONT color="" size="2" face="돋움"></FONT> </TD>
<TD bgcolor="" align="" > <FONT color="" size="2" face="돋움"></FONT> </TD>
</TR> 

<TR>
<TD colspan="3" bgcolor="#7FFFD4" align="center" > <FONT size="2" color="#000000" face="돋움"> </FONT> </TD>
</TR> 

</TABLE>

 <!-------------------------------------------------->
[ 텍스크크기,칼라규정1 ]

<head>
<style>
#view{
border: 1px  blue;
background-color: #fffed6;
padding: 2px;
font-color: #666eb0;
font-size: 12px;
font-family: 돋움;
position: absolute;
width: auto;
height: auto;
}
</style> </head> 
<!-------------------------------------------------->
[ 텍스크 크기 및 칼라 등 규정2 ]
<head>
<style type="text/css"> 
a { font-size:9pt; color:#003355; text-decoration: none } 
a:hover { color:red; text-decoration: underline } 
</style> 
</head> 
<!-------------------------------------------------->
<HEAD>
<STYLE TYPE="text/css">
<!--
P { font-family: 돋움; font-size: 9pt; color: black; }
-->
</STYLE>
</HEAD> 
<!-------------------------------------------------->
<style type="text/css"> 
a { font-size:9pt; color:#1a1a1a; 
text-decoration: none } 
a:hover { color:blue; text-decoration:underline} 
a.plain:hover { font-size:10pt; color:red; 
text-decoration: none } 
#box { 
position:absolute; 
visibility:hidden; 
#limebox {background-color:#3bd9d9 } 
#bluebox {background-color:#d9d9d9} 
layer-background-color: red } 
#mnubar {font:10pt 돋움 ; font-weight:none } 
</style>  
<!-------------------------------------------------->
[일반적인 텍스트 규정3]  

<head>
<style type="text/css"> 
<!-- 
BODY, table, tr, td{ 
font-family: 돋움, 굴림,  arialf; 
font-size: 9pt; 
}
(INPUT.text,INPUT.file,SELECT,TEXTAREA
{font-size:9pt;color:#1a1a1a;
background-color:#e9e9e9;border:1;
width:120;}{font-size:9pt}) 
--> 
</style> 
</head> 
글배경
<TABLE border="0" width="560" height="" id="myexample" style="border:0px skyblue" 
background="http://blogfiles8.naver.net/data17/2007/7/29/151/0000a-1-seoulb.gif"><TR><TD align="center"> 
<table width="91%"><tr><td valign="top"><font size="2" face="돋움" color=""> - </font> </td></tr></table> 
</TD></TR></TABLE>

650  http://blogfiles9.naver.net/data19/2007/7/29/232/0000a-seoulb.gif
650  http://blogfiles14.naver.net/data28/2007/7/29/45/0000a-2-seoulb.gif
600  http://blogfiles15.naver.net/data25/2007/7/29/158/0000b-3-seoulb.gif
600  http://blogfiles14.naver.net/data18/2007/7/29/173/0000b-2-seoulb.gif


[박스(모서리원형)]

<TABLE width="300" align="center" cellpadding="0" cellspacing="0" border="0">
<TR> 
    <TD width="5" height="5"><img src="http://mrpage.hihome.com/cl/LT1.gif" width="5" height="5"></TD>
    <TD background="http://mrpage.hihome.com/cl/T1.gif"></TD>
    <TD width="5" height="5"><img src="http://mrpage.hihome.com/cl/RT1.gif" width="5" height="5"></TD>
</TR>
<TR> 
    <TD background="http://mrpage.hihome.com/cl/L1.gif"></td>
<TD>
<!-------------내 용---------------->
      <table width="300" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>

              <img src="http://mrpage.hihome.com/apt1.jpg" width="300" height="200"> 

         </td>
        </tr>
      </table>
<!------------내용 END-------------->
</TD>
    <TD background="http://mrpage.hihome.com/cl/R1.gif"></TD>
  </TR>
  <TR> 
    <TD width="5" height="5"><img src="http://mrpage.hihome.com/cl/LB1.gif" width="5" height="5"></TD>
    <TD background="http://mrpage.hihome.com/cl/B1.gif"></TD>
    <TD width="5" height="5"><img src="http://mrpage.hihome.com/cl/RB1.gif" width="5" height="5"></TD>
  </TR>
</TABLE>

<TABLE width="">
<!-------1단---->
<TR><TD>
<Table width="">
<Tr><Td>

</Td></Tr></Table>
</TD></TR>
<!---2단------->
<TR><TD>
<Table width="">
<Tr>
<!-----왼  쪽---->
<Td>

</Td>
<!----가운데------>
<Td>

</Td>
<!-------오른쪽----->
<Td>

</Td>
</Tr></Table>
</TD></TR>
<!-----3단------->
<TR><TD>
<Table width="">
<Tr><Td>

</Td></Tr></Table>
</TD></TR>
</TABLE>
<TABLE border=1>

<TR bgcolor=#CCCFFF> 
<TD colspan="2" align="center" > 구 분 </TD> 
<TD align="center" > 재산의 종류</TD>
<TD align="center" > 재산세 </TD>
<TD align="center" > 종부세 </TD>
</TR>

<TR > 
<TD rowspan="2"align="center" > 건 <BR>  물 
</TD> 
<TD bgcolor=#dfdfdf> 주<BR>거<BR>용</TD>
<TD> ① 주택<BR>
        ② 별장<BR>
        ③ 일정한 임대주택</TD>
<TD>과세 <BR> 과세 <BR>과세 </TD>
<TD>과세 <BR>× <BR>×</TD>
</TR>

<TR> 
<TD> 기<BR>타 </TD>
<TD> 일반건축물</TD>
<TD>과세</TD>
<TD>×</TD>
</TR>

<TR> 
<TD rowspan="3" align="center" > 토 <BR> 지 
</TD> 
<TD bgcolor=#dfdfdf> 종<BR>합<BR>합<BR>산 
</TD>
<TD> ① 나대지, 잡종지, <BR>
         ② 재산세 분리과세대상 토지<BR>
         ③ 재산세  기준초과 토지<BR>
         ④ 재산세 세</TD>
<TD>과세 <BR>과세 <BR>과세 <BR>과세 
</TD>
<TD>과세 <BR>과세 <BR>과세 <BR>과세  
</TD>
</TR>

<TR> 
<TD> 별<BR>도<BR>합<BR>산 </TD>
<TD> ① 일반건축물의 부속토지<BR>
        ② 법령상 인허가 받은 사업용 
토지</TD>
<TD> 과세 <BR>과세 </TD>
<TD> 과세 <BR>과세 </TD>
</TR>

<TR> 
<TD bgcolor=#dfdfdf> 분<BR>리<BR>과<BR>세 
</TD>
<TD> ① <BR> ② <BR> ③</TD>
<TD>과세 <BR>과세 <BR>과세 </TD>
<TD>× <BR>× <BR>×</TD>
</TR>
</TABLE>

<table border="0" width="460"  height="40" align="center"   bgcolor="#c3cfff" cellpadding="1" cellspacing="1">
<tr align=center>
<td rowspan="2"  bgcolor="#e3f4f9"  width="70"  height="">
<font size="2" color="teal"   face="궁서"><b>MRPAGE</b></font>
</td >
<td bgcolor="#eadffd"  height=" "><font size="2" color="teal"   face="궁서">깊은 산속 옹달샘 누가 와서 먹나요</font></td> 
<td rowspan="2"  bgcolor="#e3f4f9"  width="70"  height="">
<font size="2" color="teal"   face="바탕"><a href='http://mrpage.hihome.com/easte.html'><b>List</b></a></font>
</td >
</tr>
<tr>
<td bgcolor="#fffbfb"  width=""  align="center"><font size="2"  color="#307eb0"  face="돋움">푸른 하늘 은하수 하 얀 쪽배</a></font>
</tr>
</table>
MRPAGE 깊은 산속 옹달샘 누가 와서 먹나요 List
푸른 하늘 은하수 하 얀 쪽배