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

          기초태그(1)           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> 

<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
푸른 하늘 은하수 하 얀 쪽배
---------------------->