형 식

구 성

내 용

문서의 기본 구조를 나타내 주는 태그

<HTML>...</HTML>

HTML 언어로 작성되어 있다는 것을 알려줍니다.

<HEAD>...</HEAD>

Heading의 준말로 글의 머리말에 해당합니다.

<BODY>...</BODY>

본문에 해당하는 부분을 알려줍니다.

<TITLE>...</TITLE>

타이틀바에 새겨질 글자를 정의합니다.

글자, 문단 혹은 줄을 바꾸는 태그

<pre>...</pre>

여백이나 줄간격 등을 고정시켜 주는 역할을 합니다. (글전체의 맨앞과 뒤에만 넣어줌)

<br>

줄바꿈의 역할만을 수행합니다. ( <br><br>면 2줄 간격)

<p>.....</p>

문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다. (단, 문단줄마다 앞과 뒤에 넣어줘야 함)

<ul>.....</ul>

문단을 오른쪽으로 한구간 이동

<b>

글자를 굵게

글자의 크기를 마음대로 조절하는 태그

<font size=n> ...</font>

글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.

이미지 맵을 처리하는 태그

<img src= "..." >

이미지맵을 정의합니다.

문서를 가운데로 정렬시켜 주는 태그

<center>...</center>

전체를 가운데로 정렬시켜 줍니다.

기본 자료 A

  <pre><ul><font color=green size=4 face=바탕체></ul></pre>

     

기본 자료 B

  <center><b><p><pre><ul>  <font color=green size=4 face=엽서체>...</ul></pre></center>

   <br><br>

    target="_blank"  

    target="_top

<center>

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" width=400 height=45></center>

☞ 여기를 클릭

<br><ul><a href="http://jetman.net" target="_blank"> <font size=4 color='red'><b>☞ 여기를 클릭</font><br></a>

2단 테이블

<center><table style="BORDER-BOTTOM: #660000 5px ridge; BORDER-LEFT: #660000 5px ridge; BORDER-TOP: #660000 5px ridge; BORDER-RIGHT: #660000 5px ridge" cellspacing="5" cellpadding="5" background="http://bjja1775.com.ne.kr/bord/jaya bord1800.jpg"><tbody><tr><td><table border="3" cellspacing="3" bordercolor="brown" cellpadding="3" bgcolor="#fff2f5"><tbody><tr><td height="400" valign="top">

<center><img src="http://jetman.net/Album/Photo22/남이섬-07.jpg" width="600" height="400"><pre style="line-height:200%"><b><font color="#007b1d"><span style="FONT-SIZE: 14pt">

= = 글자 넣기 = =</span></font></pre></center>

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" hidden="true" autostart="true" volume="3" loop="-1"></td></tr></table>

1 테이블

<center><table border=10 bordercolor=brown><tr><td>

<img src="http://jetman.net/Album/Photo/강,바다11.jpg" height=400 width=600></td></tr></table>

<pre style="line-height:200%"><b><font color="#007b1d"><span style="FONT-SIZE: 14pt">

= = 글자 넣기 = </span></font></b></pre>

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" hidden="true" autostart="true" volume="3" loop="-1">

★ 영상위에 글

<center><table background=http://aj425.com.ne.kr/htm/G/my_photo/long/032.jpg width=350 height=497>

<tr><td><center><pre><font color=blue size=4>

글 내용 입력하는 자리

</font></pre></center></td></tr></table></center>

 

밑줄 없는

하이퍼링크

<head>
<style><!--
A:link { color:red; text-decoration:none;}
A:visited { color:blue; text-decoration:none;}
A:active { color:lime; text-decoration:none;}
--></style>
</head>

WMP조정기

 hidden=true  (숨기기)

  showcontrols="true" (보이기)         showcontrols="false"  (숨기기)

 

배경 고정

  bgproperties="fixed"

<BODY background="http://jetman.net/=bakground/111.bmp" bgproperties="fixed">

눈 내리는 소스

<center><table background="http://jetman.net/tagsample/gomobi.jpg" width="590" height="435" border="8" cellspacing="0" border=0"><tr><td>

 

<embed src=http://jetman.net/tagsample/psnow0.swf width="590" height="435" wmode="transparent"></td></tr></table><br>

 

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" width=280 height=42 autostart="true" loop="-1" volume="0"><br>
<font color="blue"> 설날</font></center><br>

click-4.gif

<center><p><a href="http://jetman.net" target="_top">
<img src="http://jetman.net/01-index/images/click-4.gif" border="0"></a><br><br>

또는
<img src="http://jetman.net/01-index/images/tank_019.gif" border="0"></a><br><br>

 

 

★ 바로 뜨는 소스

<p align=center><br />

<iframe src="http://www.youtube.com/embed/bCdziDJoLkI?feature=player_detailpage&autoplay=1" width="640" height="360" frameborder="0" allowfullscreen></iframe></p>

<iframe src="http://channel.pandora.tv/php/embed.fr1.ptv?userid=hail2u&prgid=47834940&skin=1&share=on" width="853" height="510" frameborder="0" allowfullscreen></iframe>

★ 바로 뜨는 소스

<iframe src="http://jetman.net" frameborder="0" width="1024" height="550" scrolling="no"></iframe>

동영상(바로보이기)

<center>

<embed src="http://hdp77.com/vedio/jeju 1.wmv" width="650" height="440" showcontrols="true">

<center>

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" width=400 height=45></center>

<p align="center">

<EMBED style= "FILTER: xray gray()"

src="http://jetman.net/xmas/mus/newyear11.mp3" width=350 height=53 volume="5"

AutoStart="true" showstatusbar="-1" enablecontextmenu="0">
<p align="center"><font color="blue">경음악-산들바람 (클래식기타)</font><br>

<EMBED src="http://jetman.net/xmas/mus/newyear11.mp3" width=280 height=42   loop="-1" AutoStart="true" volume="5" enablecontextmenu="1"><br>

★배경음악(숨김)

<embed src="http://jetman.net/xmas/mus/newyear11.mp3" hidden=true autostart=true volume=3 loop=-1>

★배경음악(숨김)

<bgsound src="http://jetman.net/xmas/mus/newyear11.mp3" loop="infinite">

안개처리

 <IMG
style="FILTER: alpha(opacity=100, style=3, finishopacity=0)" height=330
src="http://jetman.net/tagsample/gomobi.jpg" width=480>

이미지

투명효과

<img src="http://jetman.net/tagsample/gomobi.jpg" style="filter:alpha (Opacity:50,style:0,finishOpacity:40)">

배경그림

<BODY background="http://jetman.net/=bakground/111.bmp" bgproperties="fixed">

띄 자막

(좌 ←우)

<div align="center">  <table width="542" bgcolor="#008000" ><tr><td  height="25" width="536" >

<table width="496"><tr><td  width="34"></td><td  width="452">

<marquee direction="left" scrollamount="2" loop="-1">

<font color="#ffff00"><b><span style="font-size:11pt;">5월 일목회 안내 : 5월 3일 12시에 놀부보쌈 잠실점에서 모입니다.

셔틀버스가 동기회사무실에서 11시 40분, 11시 50분에 출발합니다.</span></b></font></marquee></td></tr></table></td></tr></table><br><br></div>

한줄자막

(좌 →우)

<MARQUEE DIRECTION=RIGHT><MARQUEE DIRECTION=LEFT> <span style="width:100%; height:10;font-size:12pt; font-weight:600; color:#0000ff; filter:shadow(color=white,direction=500)">★ 동기생의 공지 연락사항등은 총무에게

연락 해 주시면 합니다. ★</marquee></span>

한줄자막

(좌 ←우)

<font size=3 style='color:#CC33FF;filter:shadow(color=#FFCCFF);height:20px;'>

<marquee>가요, 트롯트, 댄스곡등 한국의 음악을 중심으로 감상 할 수 있습니다......  </font> </marquee></style><br><br>

 

 

 

 

기본 자료

  <center><b><p><pre><ul>  <font color=green size=4 face=엽서체> <br><br>

target="_blank"   target="_top

<center><table style="BORDER-BOTTOM: #660000 5px ridge; BORDER-LEFT: #660000 5px ridge; BORDER-TOP: #660000 5px ridge; BORDER-RIGHT: #660000 5px ridge" cellspacing="5" cellpadding="5" background="http://bjja1775.com.ne.kr/bord/jaya bord1800.jpg"><tbody><tr><td><table border="3" cellspacing="3" bordercolor="brown" cellpadding="3" bgcolor="#fff2f5"><tbody><tr><td>

<img src="http://jetman.net/Album/Photo33/경주보문단지04.jpg" width="600" height="450"></td></tr></table>

<center><TABLE borderColor=#8b7d6b bgColor=#e1dab9 border=5><TR><TD><TABLE borderColor=#8b7765 cellSpacing=0

cellPadding=0 border=1><TR><TD><TABLE cellSpacing=0 borderColorDark=#8b7765 cellPadding=0

borderColorLight=#cdaf95 border=8 width="640"><TR><TD width="480"><TABLE borderColorDark=#cdb79e cellPadding=2

borderColorLight=#8b7d6b border=7 width="640" height="480"

background="http://jetman.net/Album/Photo/풍경02.JPG"><TR><TD width="106"><P style="MARGIN-RIGHT: 30px"

align=right> <br> <font color="yellow" face="바탕체"><b><pre>

 이 자리에  쓰고싶은 내용을   쓰세요.</center></font>

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

<center><table border=2 bordercolor=6699ff cellpadding="20" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:silver,direction:145,strength:15)"><tr><td >

<table background="http://ha927.com.ne.kr/set/P/ha_img/j_008.jpg" bgcolor=7983d5 width=400 height=250><tr><td>

<marquee direction=up scrollamount=1><center><pre><b><font color="yellow"><span style="FONT-SIZE: 14pt">

= = 글자 넣기 = =</span></font></b></pre></center></td></tr></table></td></tr></table>

<center><table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"><td id="user_contents" name="user_contents" style="width: 100%" width="612"><table style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:blue,direction:145,strength:30)" cellspacing="2" cellpadding="18" border="2" align="center"><tr><td><img src="http://jetman.net/Album/Photo/풍경02.JPG" width="600" height="450"></td></tr></table></td></tr></table>

<center><table bordercolordark="ff00ff" align="center" bordercolorlight="green" border="3">

<tr><td><p align="center"><table cellpadding="0" bgcolor="#abdc65" border="5"><tr><td>

<table bordercolordark="blue" align="center" bordercolorlight="redpink" border="3"><tr>

<td><img src="http://jetman.net/Album/Photo33/경주보문단지33.jpg" width="600" height="450"></td> </tr></table></td></tr></table></td></tr></table>

이중액자~안에게 돌출>

<center><TABLE style="BORDER-RIGHT: red 8px ridge; BORDER-TOP: red 8px ridge; BORDER-LEFT: red 8px ridge;

BORDER-BOTTOM: red 8px ridge; BACKGROUND-COLOR: #cccccc" cellSpacing=10 cellPadding=0><TBODY> <TR> <TD>

<TABLE border=4> <TBODY> <TR><TD><img src="http://jetman.net/Album/Photo33/경주보문단지32.jpg" width=600 height=450> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></center>

 

<CENTER><TABLE cellPadding=20 width=500 bgColor=#000080

background=http://clubimgfile.paran.com/newsilver/bbs/2006/0418/1145346168_danamoo3.jpg border=7>

<TBODY><TR><TD><TABLE bgColor=#ffefbf border=5><TBODY><TR><TD BORDER="5">

<p align="center"><img src="http://jetman.net/Album/Photo33/꽃2-12.jpg" width=600 height=450

type=application/x-shockwave-flash><FONT size="4" face="궁서" color="maroon">여기에글을 써 넣으면 됩니다

</FONT></TD></TR></TBODY></TABLE>

<CENTER><TABLE borderColor=#663300 bgColor=#cc9900 border=10><TBODY><TR><TD>

<TABLE borderColorDark=#996633 borderColorLight=#996600 border=10><TBODY><TR><TD><TABLE><TBODY>

<TR><TD><img src="http://jetman.net/Album/Photo33/경주보문단지37.jpg" width=600 height=450 type=application/x-shockwave-flash></TD></TR></TBODY></TABLE>

보라색 구슬모양 테이블

<CENTER><TABLE borderColor=violet cellSpacing=2 cellPadding=20

background=http://johan2841.com.ne.kr/bg/bggusul.gif border=1><TR><TD><TABLE borderColor=#8b0000 cellSpacing=2

cellPadding=2 bgColor=white border=1><TR><TD><TABLE

background=http://johan2841.com.ne.kr/bg/bggusul.gif><TR><TD> <img src="http://jetman.net/Album/Photo33/꽃2-05.jpg" width="600" height="450"> </td></tr></table>

<CENTER><TABLE cellSpacing=20 cellPadding=10

background="http://blogcafe.dreamwiz.com/cafeimage/h/a/hansol2/clip_bg154.gif" border=10>

<TBODY><TR><TD><img src="http://jetman.net/Album/Photo33/꽃2-05.jpg" width=600 height=450></td></tr></table>

<center><TABLE cellSpacing=35 cellPadding=0

background=http://johan2841.com.ne.kr/bg/wallgreen.jpg border=0><TR><TD><TABLE cellSpacing=5

borderColorDark=#2f2f2f cellPadding=0 borderColorLight=#bfbfbf background=http://johan2841.com.ne.kr/bg/021_a.gif

border=1><TR><TD><TABLE cellSpacing=0 cellPadding=0 background=http://johan2841.com.ne.kr/bg/070.gif

border=0><TR><TD><TABLE borderColor=#ff84c3 cellSpacing=0 background=border=0><TR><TD> <img src="http://jetman.net/Album/Photo33/꽃2-08.jpg" width="600" height="450"> </TD></TR></TABLE>

<table background="http://ektha307.com.ne.kr/htm/G/bg/0156.gif"

cellspacing="20" style="border-width:7px;border-style:ridge;border-color:CDAA7D;"><tr><td>

<table border="1" width="520" bgcolor=CDAA70><tr><td><p align="center">

<table bgcolor="black" width="520" height="350" background=http://ha927.com.ne.kr/set/P/ha_img/j_018.jpg>

<tr><td><ul><b><marquee direction="up" scrollamount="1">

<table border="0" width="266"><tr><td width="260"><div align="right"><pre>

<font color=ffffff size=3><b>아무것도 염려하지 말고.

염려하지 말고 지키시리로다.

아무것도 염려하지 말고.

</b></font></pre></div></td></tr></table>

</marquee><td></tr></table