(예제 1) 꽃밭에서
<table background="http://blogfile.paran.com/BLOG_186233/200705/1179827019_DSCF0109_DCE.jpg" border="20" align="center" width="700" height="500" bordercolor="brown">
<tr><td>
<marquee direction="up" scrollamount="1" height="200">
<font size="4" face="굴림체" color="white"><center><b>
☆꽃밭에서.☆ ㅡ정훈희ㅡ<br><br><br>
꽃밭에 앉아서 꽃잎을 보네 <br><br>
고운 빛은 어디에서 왔을까 <br><br>
아름다운 꽃이여, 꽃이여<br><br>
이렇게 좋은날엔 이렇게 좋은날엔<br><br>
내님이 오신다면<br><br>
얼마나 좋을까<br><br>
꽃밭에 앉아서 꽃잎을 보네 <br><br>
고운 빛은 어디에서 왔을까 <br><br>
아름다운 꽃송이 <br><br>
이렇게 좋은날엔 이렇게 좋은날엔 <br><br>
그님이 오신다면 얼마나 좋을까 <br><br>
꽃밭에 앉아서 꽃잎을 보네 <br><br>
고운 빛은 어디에서 왔을까<br> <br>
아름다운 꽃송이<br><br></b>
</center></font></marquee></td></tr></table>
<EMBED src=https://t1.daumcdn.net/cfile/blog/2067530D4B2B48DC43
width=500 height=44 type=video/x-ms-asf hidden autostart="true" volume="0"
loop="-1">
(예제 2) 마음으로 바라보는 세상
<table align="center"border="5" bordercolor="00ff00" cellspacing="25"cellpadding="1"bgcolor="black">
<tr><td>
<table border="3" bordercolor="brown">
<tr><td>
<img src="http://blogfile.paran.com/BLOG_186233/200705/1179827019_DSCF0152_DCE.jpg"width="600" height="400">
<pre><span style="font-size:14pt; letter-spacing:-0px;"><font face="돋움체" color="yellow"><p align=left><p style="margin-left:80px"><span id="style" style="line-height:20px"><b>
<u>♡*마음으로 바라보는 세상*♡</u>
<span style="font-size:12pt;color:00ff00">
계절의 변화를 느끼면서
세월의 흐름을 알 수가 있고
떨어지는 낙엽을 밟으면서
우리의 삶을 뒤돌아 볼 수도 있지요.
우리의 육체와
또 우리네 정신 건강까지
봄, 여름 가을 겨울이 다
존재하기에 보다 더 건강하고
행복할 수 있는 게 아닌지요.
이렇게
좋은 환경 속에서 살고 있으면서도
우리가 행복하지 못한 것은
우리의 마음 때문입니다.
우리네 마음이란 참 오묘하여서
빈 마음으로 세상을 바라보면
세상이 한 없이
아름답고 또 따뜻하지요.
정말 살 만한 가치가 있어
보이거든요.
마음 가득히
욕심으로 미움으로 또 시기와
질투심으로 가득 채우고
세상을 바라보면
세상은 험하고 삭막하여
우리를 힘들고 지치게 할 뿐이지요...*^^*
<font color=yellow>
[좋은 생각 중에서]
</span></font></pre></td></tr></table></td></tr></table>
<center><br>
<span style=font-size:11pt;><font color=brue face=굴림체><b>
</font></center>
<EMBED src=https://t1.daumcdn.net/cfile/blog/2067530D4B2B48DC43
width=500 height=44 type=video/x-ms-asf hidden autostart="true" volume="0"
loop="-1">
(예제 3) 좋은 인연
<center><table border="25" bordercolor="green" cellspacing="5" cellpadding="0">
<tr><td>
<table border="7" bordercolor="brown" bgcolor="pink">
<tr><td bgcolor=372473>
<center><EMBED a src="http://jeungwn.com.ne.kr/image/e17.swf" WIDTH="600" HEIGHT="435"></enbed></center>
<marquee direction="up" scrollamount="1" height="250">
<span style=filter:shadow(color=black);height:3px>
<pre><span style="font-size:15pt; letter-spacing:-0px;">
<font face="굴림체" color="yellow">
<p align=left><p style="margin-left:70px">
<span id="style" style="line-height:25px"><b>
<u>♣♤- 좋은 인연 -♤♣</u>
<span style="font-size:14pt;color:00ff00">
우리의 소중한 만남은
진실이 통하여 기쁨과 행복
사랑과 웃음을 주는
좋은 인연이라는 끈이고 싶습니다.
우리에게 온 좋은 인연이
아침의
이슬처럼 촉, 촉 히 적시어
서로를 위로하고 보듬어주며 마음과 마음을
이어주는
부드러운 향기의
아름다운 만남이고 싶습니다.
우리에게 온 좋은 인연이
말을 하지 않아도
그 느낌만으로
아픔과 슬픔, 눈물을
덜어주는 만남이고 싶습니다.
우리에게 온 좋은 인연이
글을 좋아하는 사람들끼리
오래도록 기억되며 따뜻한 마음으로
아쉬움과 그리움으로 남는
맑은 호수 같은 만남이고 싶습니다.
-작자 미상-
</font></span></pre></marquee></td></tr></table></td></tr></table></center>
<br><center><EMBED pluginspage=http://www.microsoft.com/Windows/MediaPlayer/ src="http://www.lifewater.co.kr/nore/69.wma" width=300 height=65 volume="0" showstatusbar="1" loop="-1" autostart="true"></center>
(Tag) 태그 명령어 설명
● <table background="그림의 URL이 들어가는 부분" border="20" align="center">
① <table background="그림의 URL들어가는 부분">
: 셀을 만들고 셀 안에 들어갈 배경그림을 지정한다.
② border="20"
: 단위는 픽셀단위이며 셀의 테두리선 두께를 지정하며 숫자가 크면 클 수록 테두리선 두께가 두꺼워진다.
③ align="center"
: 그림의 정렬 상태를 지정한다.(center: 가운데정렬)
※ width="700" :그림의 너비 (셀의 너비)
※ height="500" : 그림의 높이 (셀의 높이)
※ bordercolor="brown" : 태두리 색상 지정 (brown=갈색)
● <tr>
: 줄, 세로 시작 지정
● </tr>
: 줄, 세로 끝남 지정
● <td>
: 가로 시작 지정
● </td>
: 가로 끝남 자정
● <marquee direction="up" scrollamount="1" height="200">
① marquee 움직임, direction 방향, up 위로 지정
: 글씨의 움직이는 방향을 선택 up, down, left, right, 을 쓸 수 있음.
② scrollamount="1"
: 글씨 움직이는 속도를 지정, 숫자가 크면 글씨가 빨리 움직임.
③ height="200"
: 글씨 위로 올라오는 셀의 높이지정
<font size="4" face="굴림체" color="blue"><center><b>
① <font size="4">
: 글씨의 크기를 지정 할 수 있다. 숫자가 크면 글 씨가 커진다. 최대 7 까지 가능함
② <font face="글씨체지정">
: 굴림체, 궁서체, 바탕체, hy엽서L, 서울결정d, 휴먼매직체, 휴먼옛체, 서울홀기, MD솔체, hy목판l, MD솔체, 엔터-풀잎9
③ <font color="색상지정">
: 글씨의 색상을 지정 할 수 있다.
black=검정색, blue=파랑색, red=빨강색,green=초록색,brown=갈색,
황금색1=ffe000, 황금색2=ffce31 등등
④ <center>
: 글씨의 정렬 상태를 가운데 지정 할 수 있다. <left>: 왼쪽정렬,
⑤ <b>
: 글씨를 진하게 한다.
⑥ <p>
: 문단을 나눈다. (연속 두 번사용 불가)
⑦ <br>
: 줄바꾸기. 두 번 쓰면 두 줄이 띄워진다. (연속 사용 가능함)
※ <pre> 글시 위치지정
※ <ul> 왼쪽 여백 지정
※ <big>제목</big>제목 글씨 크기지정
※ <h2>제목</h2>제목 글씨 크기지정
※ <u>제목</u>제목 글씨 밑줄지정
※ <img src="그림 주소"> 그림주소 지정
◉ 문서에 배색 넣기
<body bgcolor=색상>
◉ 문서에 그림 넣기
<body background=그림주소>
● cellspacing="10" 셀 간격을 띠움
● cellpadding="5" 셀에 채워 넣기
◉ 글씨 배색 (글씨 번짐 지정)
1. <SPAN style="FONT-SIZE: 12pt; FILTER: Glow(Color=white, strength=4); COLOR:000000; FONT-FAMILY: Arial RED; HEIGHT: 150px">
2. <SPAN style="FONT-SIZE: 12pt; FILTER: Glow(Color=black,
strength=8); COLOR: red; FONT-FAMILY: Arial RED; HEIGHT: 150px">
● 1<span style=filter:shadow(color=c0c0c0);height:5px>
: 글씨의 그늘을 지정 (글씨 돌출 형)
2<span style=filter:shadow(color=black);height:3px>
: 글씨의 그늘을 지정 (글씨 돌출 형)
♣☞ <span style=filter:shadow(color=c0c0c0);height:5px>
<pre><span style="font-size:12pt; letter-spacing:-0px;">
<font face="돋움체" color="black">
<p align=left><p style="margin-left:30px">
<span id="style" style="line-height:18px"><b>
● <span style=filter:shadow(color=c0c0c0);height:5px>
: 글씨 그늘 지정하여 돌출 형으로 나타냄
<pre><span style="font-size:12pt; letter-spacing:-0px;">
: 글씨 위지지정 : 글씨 크기지정 : 글씨 사이 간격지정
<font face="돋움체" color="black">
: 글씨체 지정 : 글씨 색상지정
<p align=left><p style="margin-left:50px">
: 글씨 왼쪽 정렬지정 : 글씨 왼쪽 여백지정
<span id="style" style="line-height:18px"><b>
: 글씨 줄 간격지정 : 글씨 진하게 지정
♣ 팁 ♣
배경음악을 넣을 때.
<bgsound src="음악주소"> 또는
<embed src="음악주소" autostart="true" hidden="true" volume="0" loop="1">
예)<embed src="http://ynucc.yeungnam.ac.kr/~bwlee/midi/letmbth.mid "autostart="true" hidden="true" volume="0" loop="-1">
① autostart="true"
: true라고 적으면 화면이 나오면 자동으로 음악이 연주가 됨.
1번 사항을 적지 않으면 클릭해야 음악이 나옴(단 글씨를 적을시)
② hidden="true"
: true라고 적으면 윈도우 미디어 재생기 막대가 표시되지 않음,
2번 사항을 적지 않으면 윈도우 미디어 재생기 화면이 나옴
③ loop="숫자 혹은 infinite", " -1 "
: infinite, 혹은 -1 , 이라고 적으면 음악이 무한대로 반복됨. 반복횟수를 숫자로 적어도 됨
volume="0" 이라고 적으면 소리가 커짐
※보통 <bgsound src="주소"> 이 경우는 확장자가 "mid "에 사용
<embed src="주소"> 일 경우엔 확장자가 "asf"나 "asx" mp3, wax에 사용됩니다.