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

<TABLE width="500" align="center" cellpadding='1' cellspacing='2' style="border-style:solid; border-width:2;border-color:B0C4DE; background-color:;" background-color:;"> <TR><TD align="center" style="border-style:solid; border-width:1;border-color:B0C4DE; background-color:;" background="http://www.26express.co.kr/ex/note.gif"> <FONT size="2" color="#000000" face="돋움"><B>제목</B> </FONT></TD></TR> <TR><TD align="center" style="border-style:solid; border-width:1;border-color:B0C4DE; background-color:;" background="http://www.26express.co.kr/ex/note.gif"> <table width="90%" height=""><tr><td><FONT size="2" color="#000000" face="돋움"> 내용 </FONT> </td></tr></table></TD></TR> </TABLE> -<BR>  <TABLE width="500" align="center" cellpadding='1' cellspacing='2' style="border-style:solid; border-width:2;border-color:B0C4DE; background-color:;"> <TR> <TD align="center" style="border-style:solid; border-width:1;border-color:B0C4DE; background-color:008b8b;" > <FONT size="2" color="#FFFFFF" face="돋움"> <B>제목</B> </FONT></TD></TR> <TR><TD align="center" style="border-style:solid; border-width:1;border-color:B0C4DE; background-color:;" background="http://www.26express.co.kr/ex/note.gif"> <table width="90%" height=""><tr><td><FONT size="2" color="#000000" face="돋움"> 내용 </FONT> </td></tr></table></TD></TR> </TABLE> -<BR>

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

[ 텍스크크기,칼라규정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">

</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">

</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>

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

---------------------->