기본태그1 ▶ HTML 문서의 특징 1.태그는 대소문자 구분이 없습니다. 단, 문서파일등의 이름은 소문자로 해주는 것이 좋습니다. 2.HTML 문자열 사이에 있는 하나 이상의 공백은 무시됩니다. 3.태그가 중복 되지 않도록 주의합니다. 4.HTML 태그를 잘못 사용했다 하더라도 브라우져에서는 에러를 발생시키지 않습니다. ▶ HTML 문서의 구성 *<HTML> 태그 : 문서가 HTML 언어를 사용하여 작성됨을 알립니다. *<HEAD> 태그 : 시작을 알리는 태그입니다. *<TITLE> 태그 : 문서의 제목을 부여하는 태그로 웹 브라우져의 타이틀바에 나타나는 제목. *</TITLE> 태그 : 문서의 제목 끝. *</HEAD> 태그 : 시작을 알리는 태그 끝. *<body> 태그 : 파일문서를 실행했을때 화면에 보여지는 부분으로 위의 태그들은 삽입될수 없고 본문 내용과 다른 태그들만 삽입이 가능합니다. *</body> 태그 : 본문내용과 태그 끝. *</HTML> 태그 : HTML 문서 끝을 알립니다. -------------------------------------------------------------- <html> <head> <title>문서제목</title> </head> <body> ↑ 이 곳이 본문의 내용을 꾸미는 곳입니다. ↓ </body> </html> -------------------------------------------------------------- ▶ 문서 배경 태그의 사용법 *<body bgcolor="색상"> : 윈도우 배경화면색 지정. *<body background="이미지 주소"> : 배경을 그림으로할때 쓰는 속성. *<body text="색상"> : 표준 글씨색 지정. *<body link="색상"> : 링크 부분의 색 지정. *<body vlink="색상"> : 검색한 링크 부분의 색 지정. *<body alink="색상"> : 링크된글자를 누르는순간의 색을 지정. ▶ <P> 태그 설명 *<P> 내용 </P> : 문단을 나누는 태그입니다. ▶ <br> 태그설명 *<br> 태그는 줄을 바꾸고 싶을 때 사용하는 것입니다. br 은 예를들어 한번만 사용하면 다음줄로 넘어갑니다. 하지만 여러줄을 띄우고 싶을 때는 br 의 횟수를 더 많이 해주면 됩니다. 3칸을 띄우고 싶으면 3번을 쓰시면 됩니다. ▶ 문단 정렬하기 *<p align="정렬형태"> : left 나 right 를 써서 줄 단위로 정렬합니다. 예> 왼쪽으로 정렬 <p align="left"> 예> 오른쪽으로 정렬 <p align="right"> *<center></center> : 여러문단을 중앙 정렬합니다. ▶ 글자 크기 변경 *<basefont size="크기"> : 전체 글자 크기를 지정. *<font size="크기"> : 부분의 글자 크기를 변경. ▶ 글자색 변경 *<font color="색상"> : 글자의 색상 지정. 예> 글씨색상을 빨강색으로 <font color="red"> ▶ 글꼴 변경 *<font face="글꼴명"> : 글꼴 지정. 만약, 글자의 크기와 색상, 글꼴을 동시에 바꾸시려면? <font size="크기" color="색상" face="글꼴"> ▶ 그림 삽입하기 <img src="그림파일주소" alt="그림 설명"> 그림과 설명을 삽입합니다. 그림파일주소를 알아내려면 그림위에 마우스를 대고 오른쪽마우스를 클릭~ 메뉴밑에 속성또는 등록정보가 있다. 클릭하고 주소가 나오는데 그게 그림파일 주소입니다. 그것을 마우스로 복사~ *^^* ▶ 그림 크기 지정하기 <img src="그림파일주소" width="가로크기" height="세로크기"> 그림을 자신이 원하는 크기만큼 조정합니다. 숫자가 높을 수록 커집니다. ▶ 그림의 위치 설정하기 <img src="그림파일주소" align="정렬위치"> 그림을 삽입하고 left 나 right 로 위치를 지정해 줍니다. 예> 왼쪽정렬 <img src="그림파일주소" align="left"> ▶ 사운드 태그 <[안내]태그제한으로등록되지않습니다-bgsound src="음악주소"> 주로 배경음악으로 많이 쓰이는 태그입니다. 이 것은 mid 나 wav,mp3 파일등을 사용할때 쓰는 태그인데, 주로 배경음악으로 사용하는 파일은 mid 파일입니다. 용량도 작고해서 홈페이지 로딩시간에 별 지장을 주지 않습니다. 다른 파일들은 시간이 좀 오래 걸립니다. 요즘은 asf 파일도 사용합니다만 그것도 역시 시간이 좀 걸린답니다. <embed src="음악주소"> 이 태그는 전에 채팅상에서 많이 쓰이는 태그 였습니다. 주로 사용하는 파일이 asf 나 asx 파일입니다. 이 태그를 쓰게 되면 미디어 재생기가 나타나므로 자신이 맘대루 끌수도 있고 다시 재생시킬수도 있습니다. ▶ 사운드 반복하기 <embed src="음악주소" loop="반복횟수"> 이렇게 하시면 자신이 원하는 반복횟수만큼 들으실수 있습니다. ▶ 버튼 만들기 태그소스: <form action="http://club.nate.com/4050sarangbang"> <input type="submit" value="4050사랑방 홈으로"> </form> 5. | 유니드 | 2003/01/02 오전 03:10 글씨태그 글씨 태그입니다. 왼쪽에 태그라고 박스안에 있는 것을 마우스로 복사해서 사용하세요. 결과는 태그를 넣었을 때 미리보기 입니다. 태그 결과 <font color="red">이건 빨간색</font> 이건 빨간색 <font color="blue">이건 파랑색</font> 이건 파랑색 <font color="green">이건 녹색</font> 이건 녹색 <font color="#FF0000">이건 빨간색</font> 이건 빨간색 <font color="#FFFF00">이건 노랑색</font> 이건 노랑색 태 그 결과 <font face="궁서체">이건 궁서체예여</font> 이건 궁서체예여 <font face="돋움체">이건 돋움체임돠</font> 이건 돋움체임돠 <font face="바탕체">이건 바탕체입니다</font> 이건 바탕체입니다 <font face="Arial">이건 Arial 체입니다.</font> 이건 Arial 체입니다. 태그 결과 <DIV style="width:320; height:50; font-size:20pt; filter:glow(color=pink, strength=8)"><font color=deeppink face=휴먼매직체>이쁜가여??</font></DIV></style> 이쁜가여?? <DIV style="width:320; height:50; font-size:20pt; filter:glow(color=red, strength=8)"><font color=blue face=휴먼매직체>이쁜가여??</font></DIV></style> 이쁜가여?? <span style=color:ffffff;filter:glow(color=ff99ff);height:0px><font face=고딕체 size=6>반가워요!</font></span></style> 반가워요! <span style=color:ffffff;filter:glow(color=green);height:0px><font face=고딕체 size=6>반가워요!</font></span></style> 반가워요! 태 그 결과 <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</SPAN> 빨간색 그림자 글씨 <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</SPAN> 녹색 그림자 글씨 <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=magenta,direction=135)"> 핑크색 그림자 글씨</SPAN> 핑크색 그림자 글씨 <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</SPAN> 오렌지색 그림자 글 6. | 유니드 | 2003/01/02 오전 03:10 그림태그 그림태그 명령어는 <img src="그림주소"> 입니다. 참 간단하죠? 여러분들이 각 사이트에 돌아다니다 보면 여러가지 맘에 드는 그림들이나 사진들이 있을겁니다. 방법은 간단합니다. 마우스를 자신이 원하는 그림위에 놓고, 마우스 오른쪽버튼을 누르시면 메뉴가 나옵니다. 거기서 보면 하단쪽에 "등록정보"라는 메뉴가 있습니다.그것을 클릭하시면 주소가 나옵니다. 그러면 그 주소를 마우스로 "드르륵" 긁어서 복사를 하시고 위에 말한거와 같이 명령어 뒤에 그 주소를 붙여넣기를 하면 됩니다. 간단하죠? 이미지 태그파일은 gif 나 jpg 로 끝이 납니다. 7. | 유니드 | 2003/01/02 오전 03:10 움직이는 글씨 기본속성들 설명 scrollamount 빠르기지정.(숫자가 높을수록 절라빨라짐^^;) scrolldelay 흔들리는 속성 direction 방향설정(left,right,up,down) behavior=alternate 좌우,상하왕복 loop 숫자지정(예:loop="2" 를 했을경우 두번 실행됨.) width 가로 왕복 지정 height 세로 왕복 지정 <marquee>안녕하세요!!</marquee> ☜ 움직이는 글씨태그 기본형. 안녕하세요!! ☞ 왕복하는 글씨... <marquee behavior=alternate>글자가 좌우로 왕복*^^*</marquee> 글자가 좌우로 왕복*^^* <marquee direction="left">이건 왼쪽이네요^^</marquee> 이건 왼쪽이네요^^ <marquee direction="right">이건 오른쪽이구여^^</marquee> 이건 오른쪽이구여^^ <marquee direction="up">요번에는 위로?</marquee> 요번에는 위로? <marquee direction="down">다운이당ㅡㅡ+</marquee> 다운이당ㅡㅡ+ (<marquee behavior=alternate width=30>@^.^@</marquee>) ☜도리도리 (@^.^@) <marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> ☜달팽이 기어가는 모습. __@/`` <marquee scrollamount=30>달팽아 난 절라 빠르????</marquee> 달팽아 난 절라 빠르???? <marquee width=500 scrollamount=300><font size=7>반짝반짝!!</marquee> 반짝반짝!! <marquee bgcolor=red><font color=ffffff>하이~</font></marquee> 하이~ <marquee bgcolor=blue><font color=ffffcc>하이~</font></marquee> 하이~ <marquee bgcolor=000000><font color=00ff00 size=7>하이~</font></marquee> 하이~ <MARQUEE direction=right>ⓘ ⓛⓞⓥⓔ</MARQUEE>♡<MARQUEE direction=reft>ⓨⓞⓤ</MARQUEE> ⓘ ⓛⓞⓥⓔ♡ⓨⓞⓤ <marquee direction=up>안♡<ul>녕♡<ul>하♡<ul>세♡<ul>요♡<ul>반♡<ul>가♡<ul>워~♡<ul>요♡</MARQUEE> 안♡ 녕♡ 하♡ 세♡ 요♡ 반♡ 가♡ 워~♡ 요♡ <marquee><font size=5 color=red>방<br>가<br>워<br>요</font></marquee> 방 가 워 요 <marquee behavior=alternate direction=up height=50><font color=green size=4>정말 방가여^^</font></marquee> 정말 방가여^^ <marquee behavior=alternate width=150><font color=red size=4>띠바! 못 방가!!</font></marquee> 띠바! 못 방가!! 8. | 유니드 | 2003/01/02 오전 03:10 링크태그 - (링크태그)입니다. - 예를 들어 글씨나 그림을 클릭하면 이동하는거 아시져?? ^^ 1. 본페이지에서 이동하기. 태그: <a href="링크 시킬 주소">여기를 누르세요.</a> 예제: 여기를 누르세요. 2. 새창으로 띄우기. 태그: <a href="링크 시킬 주소"target="_blank">여기를 누르세요.</a> 예제: 여기를 누르세요. 3. 이미지로 링크시키기. 태그: <a href="링크 시킬 주소"target="_blank"><img src="그림 주소"></a> 9. | 유니드 | 2003/01/02 오전 03:10 배경화면태그 <body> 와 </body> 사이에 넣는 태그입니다. 이 것도 아주 간단한 태그입니다. ☞ <body bgcolor="자신이 원하는 색상"> 이와 같이 명령어를 삽입후 자신이 원하는 색상을 넣으시면 간단하게 바탕화면을 만드실수 있습니다. 예제) <body bgcolor="green"> 녹색 바탕 <body bgcolor="red"> 빨간색 바탕 <body bgcolor="000000"> 검정색 바탕 ☆위의 자료는 색상만을 지정해 주는 태그 였다면 이번것은 바탕에 그림을 넣을수 있는 태그입니다. ☞ <body background="자신이 원하는 그림주소"> 10. | 유니드 | 2003/01/02 오전 03:10 표만들기 ▶ 기본 표만들기 태그소스 결 과 <table border=1> <tr> <td><table border=1> <tr> <td>4050사랑방</td> </tr> </table></td> </tr> </table> 4050사랑방 ------------------------------------------------------------- <table border=1> <tr> <td>4050사랑방</td> <td>태그소스</td> </tr> </table> 4050사랑방 태그소스 -------------------------------------------------------------- <table border=1> <tr> <td>글씨태그</td> <td>그림태그</td> </tr> <tr> <td>음악태그</td> <td>폭탄태그</td> </tr> </table> 글씨태그 그림태그 음악태그 폭탄태그 ------------------------------------------------------------------- 예제 - <table border="1" bordercolor="red" width="100"> <tr> <td>1</td> <td>2</td> ------------------------------------------------------------ </tr> </table> <table border="1" bordercolor="blue" width="100"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> --------------------------------------------------------------- </table> <table border="1" bordercolor="ff00ff" width="100"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> </table> ----------------------------------------------------------------------------------- 결과 1 2 결과 1 2 3 4 5 6 결과 1 2 3 4 5 6 7 8 9 10 11 12 ---------------------------------------------------------------------------------- 부가적인 속성 기능 border="수치" 표의 테두리 두께를 조정해줍니다. bordercolor="색상" , "색상코드" 표의 테두리의 색을 지정합니다. 위의 예제에 보시면 테두리의 색이 각자 틀리다는 것을 알수 있을겁니다. WIDTH="수치" , "수치%" 표의 가로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다. HEIGHT="수치" , "수치%" 표의 세로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다. CELLSPACING="수치" 셀의 구분 선굵기를 조정합니다. CELLPADDING="수치" 셀의 안쪽여백의 간격을 조정합니다. bgcolor="색상" , "색상코드" 표의 배경색을 지정해줍니다. 11. | 유니드 | 2003/01/02 오전 03:10 문자태그 <MARQUEE DIRECTION=LEFT>............♡ ♡ ♡ ♡ ♡ ♡<br>..........♡<BR>........♡<BR>......┏┓<BR>┏━┻┻━━━┑┍━━━━┑┍━━━━┑┍━━━━┑ ☆<br>┗▣▣▣▣▣▣││▣▣▣▣││▣▣▣▣││▣▣▣▣│ ∞<br>..●≒●≒●≒●≒●≒≒●≒≒●≒≒●≒≒●≒≒● ˚<BR>기차가 어둠을 헤치고~~^^*너에게..난간다.. 겹치는 글씨 <div style="width:320; height:50; font-size:30pt; filter:dropshadow(color=#cccccc, offx=10, offy=10, positive=1)"><font face="개성체">태그연습장</font></div> ☞휴먼엽서체 글씨 <SPAN style=font:15pt휴먼엽서체;color:white;background-color=red>빨간 바탕</SPAN> <SPAN style=font:15pt휴먼엽서체;color:white;background-color=green>녹색 바탕</SPAN> ☞그림자 글씨 <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=red,direction=135)"> 빨간색 그림자 글씨</SPAN> <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</SPAN> <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</SPAN> <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=magenta,direction=135)"> 핑크색 그림자 글씨</SPAN> <span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</SPAN> ☞큰 글씨 <font style = font-size:200pt>훔!</font> <marquee behavior=alternate width=30>@^.^@</marquee> <marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> <marquee width=500 scrollamount=300><font size=4>반짝반짝!!</font></marquee> <marquee bgcolor=red direction=left width=300><font size=6>북한..!!</marquee><marquee bgcolor=blue direction=right><font size=6>남한..!!</marquee> <p style=font=100pt><marquee bgcolor=gold>초보를 위하여</marquee> <marquee bgcolor=gold><font size=6>초보를 위하여</marquee> <p style=font=100pt>글씨 크게 하는거당 <marquee DIRECTION=LEFT scrollamount=300><font size=6>글씨가 깜빡이면서 움직입니다..!! <FONT COLOR=RED>영희<marquee DIRECTION=LEFT>♡사랑</MARQUEE>철희 <font size=200 face=궁서체 color=red><marquee bgcolor=black direction=up>안녕하세요..!!<BR>글씨 올라가나..!! <MARQUEE DIRECTION=RIGHT><MARQUEE DIRECTION=LEFT>안녕하세요..!!만나서 방갑습니다..!!타자글씨입니다..!!</MARQUEE> <marquee bgcolor=red direction=left width=300>북한..!!</marquee><marquee bgcolor=blue direction=right>남한..!!</marquee> <marquee direction=down><ul><font color=violet>하이~★<ul><font color=pink>방가~♡<ul><font color=violet>하이~★<ul><font color=pink>방가~♡<ul><font color=violet>하이~★<ul><font color=pink>방가~♡</MARQUEE> <marquee direction=up>안♡<ul>녕♡<ul>하♡<ul>세♡<ul>요♡<ul>반♡<ul>가♡<ul>워~♡<ul>요♡ <MARQUEE direction=right>ⓘ ⓛⓞⓥⓔ</MARQUEE>♡<MARQUEE direction=reft>ⓨⓞⓤ</MARQUEE> 1 이것은 초보자를 위한 코너입니다. 처음부터 어려워마시고 따라해보세염.^^* 챗상에서 글을 쓸때는 엔터를 하면 글이 한칸뛰우기가안되고 글이 올라감니다 그럼 이렇게 해보세염.^^* 우리들에<br>소박한 꿈에 소식 그러면 이렇게 나옴니다 ------------------------------ 우리들에 소박한꿈에 소식 ------------------------------ <br> ←저것을 두번하면 두줄이 내려가고 세번하면 세줄이 내려가지요 이렇게염 우리들에<br><br><br>소박한꿈에 소식 이렇게하면 아래처럼돼염.^^* ----------------------------- 우리들에 소박한꿈에소식 ----------------------------------------------------------- 다음은 <p>를 넣으면 두칸이 내려가염 대신에 한번만 실행이되지염.^^ 여러번해도 단한번만되고염 이렇게 돼염 ---------------------------- 우리들에 소박한꿈에소식 ---------------------------- --------------------------------------- 클럽메인창에 태그연습장을 열고 한번 해보세염.^^* 이것을 할줄아셔야 다음에 태그를 응용합니다. 다음에 이어집니다. 즐거운날이 되시길 기본태그 2 다음은 글이 움직이는 태그를 해보자 <marquee>우리들에 소박한꿈에소식 이렇게 쓰면 ---------------------------------- 우리들에 소박한꿈에소식 ---------------------------------- 이렇게 됩니다 이것을 조금 응용하면 움직이는 글을 두줄이나 세줄도 됨니다 아래와같이 <marquee>우리들에 <br>소박한꿈에소식 <p>오신걸 환영합니다.</marquee> ------------------------------------------------------- 우리들에 소박한꿈에소식 오신걸환영합니다. ------------------------------------------------------- 다음은 움직이는 방법을 배워볼까염 <marquee direction="up"> 앞에 marquee이명령어는 똑같아여 뒤에다 direction="up" 이명령어가 하나더들어가지요 여기서 up를 down 으로고치면 글이 아래로 움직이지염.^^ 그리고 태그에 끝나는곳에는 반드시</시작했던명령어> 이것을 꼭넣어야 다음글에 실행이 되지않습니다. 그럼해볼까여? <marquee direction="up">우리들에 <br>소박한꿈에소식</marquee> 이렇게 쓰면 아래와같이 됩니다. ------------------------------------------------------- 우리들에 소박한 꿈에소식 ------------------------------------------------------- 다운으로 고치면 ------------------------------------------------------- 우리들에 소박한 꿈에소식 ------------------------------------------------------- 클럽바탕 아래에 태그연습장을 열어놓으시고 한번 씩해보세요..... 그리고 명령어는 메모장에 복사해놓으시면 다음에 쉽게 쓸수있지염.^^ 다음번에는 글이 움직이는 모양과 속도를 하겟습니다. --그늘 !-- 기본태그 3 다음은 먼저배운거에 뒤쪽에 scrolldelay="1" ←조거를 해볼까염.?? <marquee direction="up" scrolldelay="1" scrollamount="1">이렇게 쓰고염 구럼 아래처럼나오지염 ------------------------------------------------------- 우리들에 소박한꿈에소식 ------------------------------------------------------------ 뒤에 1을 바꾸면 <marquee direction="up" scrolldelay="20" scrollamount="20">우리들에 소박한 꿈에소식</marquee> --------------------------------------------------- 우리들에 소박한 꿈에 소식 ----------------------------------------------------------- 이렇게 돼염.^^* 앞에 숫자는 다음글올라오는 반복 속도입니다 뒤에숫자는 글움직이는속도 입니다. 다음은 그림링크함니다.^^* 기본태그 4 다음은 그림을 링크해볼까염.?? 간단해염.^^* <img src=요기에 그림주소> 이렇게 하시면 되는데..... 앞에 img ←저거는 이미지를 뜻하고염 뒤에 src ←저거는 현재 창에서 실행하라는 명령어입니다. 예를 들어서 그림주소가 http://jsd44.hihome.com/gif/flower/e6.gif 위에것일때 아래처럼쓰시면 됩니다. <img src=http://jsd44.hihome.com/gif/flower/e6.gif> 구럼아래처럼나오지염 ------------------------------------------------------- -------------------------------------------------------- 두번연속하면 두번이 나오고염 --------------------------------------------------------- --------------------------------------------------------- 중간에 <br>등을 쓰면 아래위로 나와염.^^ <img src=http://jsd44.hihome.com/gif/flower/e6.gif><br>&itimg src=http://jsd44.hihome.com/gif/flower/e6.gif> 이렇게 쓰면 아래처럼되지염 ---------------------------------------------------------- ---------------------------------------------------------- 또 주소를 찻아서 다른것으로 순서대로 쓰시면 순서대로 나와염 주소를 찻는것은 원하는그림에 오른쪽마우스를 클릭하고염 아래 등록정보를 누르시면 주소라고있어요 그게 주소여요 그럼 응용해보시기를..^^ --그늘!-- ▣ 이미지 태그명령은 *img src=주소(Url)>입니다. 맨뒤에 오는 확장자는 주로 gif나 jpg 이두 개의 확장자가 쓰입니다. *대신 < 로 바꾸세요 (보기) *IMG src=http://my.netian.com/~cho9708/bgground/icon/6.gif> 위의 예문식으로 쓰이게 됩니다...... 기본태그 5 (대화방에서 이미지태그 사용하는법) 대화방에서 이미지태그를 사용하려면 큰창말구 우리가 글씨쓰는 작은창이 있죠..거기다가 소스(그림의주소)를 넣구 엔터를 치면 이미지가 브라우저 (큰창) 에 보이게 되는겁니다 (대화방에서 소스 복사 하는법) 대화창에서 열분들께서 소스를 올려줄 때가 있죠..그걸 복사해서 본인의 메모장에 저장 하셔서 나중에 사용하셔야 하는데요.. 우선 주소부분을 드래그(복사)하시구 --왼쪽 마우스를 누른상태 에서 쭈욱 그으세요 (파랗게 변할겁니다) 그리구 오른쪽 마우스크릭 등록정보의 복사 기능으로 복사 하시면 됩니다.. 복사가 안될 경우 ( 라이코스 및 기타사이트...) 자판에보시면Ctrl + C = 복사 Ctrl + V = 붙히기 입니다... 이렇게 하시면 복사가 가능합니다... 복사된 소스는 메모장에 저장 하셔야합니다.. 메모장 찾는법( 시작-프로그램-보조프로그램-메모장 )입니다. 여기다 저장하시면 됩니다.. 메모장 저장하는법 (메모장 위의상단- 파일-다른 이름으로 저장-- *창이 하나 나올겁니다*저장위치-(본인이 찾기쉽구 사용 하기편한데 저 장하시는좋습니다)-파일이름-( 알기쉽게 그내용의 이름을기입)-파일형식 (걍 나누셔두 됩니다..txt 라구 써 있을겁니다) 저장한 소스 사용하고 싶을 때에는 저장 찾아서 사용하면 됩니다 **위에서 말씀드린 것은 대화방에서 소스 저장?G 사용법에 대한 설명 이었습니다 도움이 되셨으면 하는 바램입니다** 태그강의 1 다음은 글씨체와 크기 글씨색입니다. <font face="엽서체">← 저렇게 하고 뒤에 글씨체를 선택하시면 글씨체가 바뀝니다. 예:...... <font face="엽서체">우리들에</font><font face="견고딕">소박한</font><font face="궁서체">꿈에소식</font>←저렇게 쓰면 아래처럼나옴니다. ------------------------------------------------------------ 우리들에소박한꿈에소식 ------------------------------------------------------------ 다음은 글씨크기입니다. <font size="3">←저렇게 쓰고 뒤에 숫자를 조절하면 글씨크기가 바뀝니다. 예.......... <font size="2">우리들에 </font><font size="4">소박한 </font><font size="6">꿈에소식</font> 이렇게 쓰면 아래와같이 됨니다. ------------------------------------------------------------ 우리들에 소박한 꿈에소식 ------------------------------------------------------------ 다음은 칼라입니다. <font color="green">←뒤에 그린(green)을 다른색으 바꾸면 됨니다.가령 red 로하면 빨강색 그렇게염.^^* 또는 색상표를 보고 색상표에 기호를 넣으셔도 됩니다. 색상코드는 따로 올리겟습니다. 예........... <font color="green">우리들에 </font><font color="red">소박한</pont><font color="ccffee">꿈에소식 </font> 이렇게 쓰면 아래와같이 됩니다. ------------------------------------------------------------ 우리들에 소박한꿈에소식 ------------------------------------------------------------ 그럼 다음은 위에 세가지를 같이 해볼까염?? <font face="엽서체" size="3" color="green">←저렇게 한꺼번에 썼습니다. 앞에는 글씨체 다음에는 크기 그다음에는 칼라 문론 순서는 바뀌여도 됩니다. 예......... <font face="견고딕" size="3" color="green"> 우리들에 소박한 꿈에소식</font> 이렇게 쓰면 아래처럼됩니다. ------------------------------------------------------------ 우리들에 소박한 꿈에소식 ------------------------------------------------------------ <font face="엽서체" size="3" color="red">어서오세요..</font><p><font face="휴먼매직체" size="6" color="green">우리들에 소박한 꿈에 소식</font><p><font face="샘물체" size="2" color="blue">우리 클럽을 방문해주셔서 감사합니다.</font> 이렇게 쓰시면 아래처럼됩니다. ----------------------------------------------------------- 어서오세요.. 우리들에 소박한 꿈에 소식 우리 클럽을 방문해주셔서 감사합니다. ------------------------------------------------------------ 다음에 계속이어집니다.^^ 일편부터 잘이해하시고 오셔야 다음부터 이해가 됩니다. 즐거운날되세염. --그늘 !-- 태그강의 2 center>...중앙에 배열 한다는 뜻입니다. [table background=이미지(사진)주소넣기> ......배경을 위한 파일 선택 해 줍니다. [td width=600 height=400> .....그림의 크기를 정해 줍니다.w.. 수치는 가로 h.. 수치는 세로 입니다.. [embed src=음악주소넣은곳 hidden=true> .....음악을 선택해 줍니다.hidden=true 란 제어기를 숨긴다는 뜻입니다. [marquee direction=up scrollamount=1> 글씨의 특성,한줄씩 위로 올라간다는 뜻입니다. 글씨를 움직이지 않게 하고 싶을땐 이부분을 쓰지 않으면 됩니다. scrollamount=1>은 글자 올라가는 속도지정 1에서 3까지 쓰임많음 태그가 무거울땐..2 나 3 지정하기 [center> ...글씨의 색깔,크기, 종류를 선택합니다.취향데로 선택해서 설정하시면 됩니다.. [b>...... 글자진하게 사랑 합니다.. [P> .....문단을 구분해 주고 싶을 때 사용 합니다. 똑같은 기능으로 [br>도 있습니다.[br>은 여러개를 주면 문단이 그만큼 넓어 집니다. [pre>는 글씨 맨 위에 한번만 넣어 주면 [p>나[br>을 넣지 않아도 문단이 저절로 나누어 집니다. 글씨 넣는곳.. 많이 넣어도 괜찮아요^^;; 소리" [/p> [/b>[/font>[/td>[/table>[/center> ...앞에서 주었던 모든 기능들을 끝낸다는 뜻입니다. 특히[td>[tabie>의 경우는 꼭 태그가 끝나는명령 [/td>[/tr>[/tabie>을 넣어야 그림이 아무 탈 없이 올라 갑니다. /(슬러시)는 앞에서 주어던 태그 명령어을 밑에서 닫는다는 뜻입니다..아주 중요하죠 [/b>[/font>[/td>[/table>[/center>이런것이 두개면 밑에도 두개로 세개면 밑에도 세개로 막아 줍니다.. 그래야..태그가 밑으로 빠지지 않습니다.. 태그는 점 하나, 띄어쓰기, 붙어쓰기에도 상당히 예민 합니다.. 각각 사이트 게시판에 따라 성격이 다른 경우가 있구요 많은 연습를 통해서 태그를 이해하게 됩니다 제 경험상 소스를 여러개 놓고 살펴보면 명령어를 쉽게 이해할수가 있드라구요 그림 확장이나 축소 움직임의 속도 등등..... [....는 < 입니다 [center>...중앙에 배열 한다는 뜻입니다. [table background=이미지(사진)주소넣기> ......배경을 위한 파일 선택 해 줍니다. [td width=600 height=400> .....그림의 크기를 정해 줍니다.w.. 수치는 가로 h.. 수치는 세로 입니다.. [embed src=음악주소넣은곳 hidden=true> .....음악을 선택해 줍니다.hidden=true 란 제어기를 숨긴다는 뜻입니다. [marquee direction=up scrollamount=1> 글씨의 특성,한줄씩 위로 올라간다는 뜻입니다. 글씨를 움직이지 않게 하고 싶을땐 이부분을 쓰지 않으면 됩니다. scrollamount=1>은 글자 올라가는 속도지정 1에서 3까지 쓰임많음 태그가 무거울땐..2 나 3 지정하기 [center>[font color=red size=4 face=엽서체> ...글씨의 색깔,크기, 종류를 선택합니다.취향데로 선택해서 설정하시면 됩니다.. [b>...... 글자진하게 사랑 합니다.. [P> .....문단을 구분해 주고 싶을 때 사용 합니다. 똑같은 기능으로 [br>도 있습니다.[br>은 여러개를 주면 문단이 그만큼 넓어 집니다. [pre>는 글씨 맨 위에 한번만 넣어 주면 [p>나[br>을 넣지 않아도 문단이 저절로 나누어 집니다. 글씨 넣는곳.. 많이 넣어도 괜찮아요^^;; 소리" [/p> [/b>[/font>[/td>[/table>[/center> ...앞에서 주었던 모든 기능들을 끝낸다는 뜻입니다. 특히[td>[tabie>의 경우는 꼭 태그가 끝나는명령 [/td>[/tr>[/tabie>을 넣어야 그림이 아무 탈 없이 올라 갑니다. /(슬러시)는 앞에서 주어던 태그 명령어을 밑에서 닫는다는 뜻입니다..아주 중요하죠 [/b>[/font>[/td>[/table>[/center>이런것이 두개면 밑에도 두개로 세개면 밑에도 세개로 막아 줍니다.. 그래야..태그가 밑으로 빠지지 않습니다.. 태그는 점 하나, 띄어쓰기, 붙어쓰기에도 상당히 예민 합니다.. 각각 사이트 게시판에 따라 성격이 다른 경우가 있구요 많은 연습를 통해서 태그를 이해하게 됩니다 제 경험상 소스를 여러개 놓고 살펴보면 명령어를 쉽게 이해할수가 있드라구요 그림 확장이나 축소 움직임의 속도 등등..... [....는 < 입니다 칼라링... 간단한 색상 원하는 글자소스를 복사해서 글 앞에다 넣으면 된다.^^ <font color= darkblue>진한파랑색 <font color= darkcyan>진초록색 <font color= darkgoldenrod>황토색 <font color= darkgray>진한회색 <font color= darkgreen>진한초록 <font color= darkkhaki>아주연한카키색 <font color= darkmagenta>진한보라색 <font color= darkolivegreen>녹 <font color= darkorange>진한오랜지색 <font color= darkorchid>진보라색 <font color= darkred>갈색 <font color= darkseagreen>연한청록색 <font color= darkslategray>진한청록색 <font color= darkturquoise>청록색 <font color= darkviolet>보라색 <font color= deeppink>진한분홍 <font color= deepskyblue>진한하늘색 <font color= dimgray>카키색 <font color= dodgerblue>파랑 <font color= firebrick>밝은갈색 <font color= floralwhite>하양 <font color= forestgreen>초록 <font color= gainsboro>연보라 <font color= ghostwhite>하얀 <font color= gold>금색 <font color= goldenrod>황토색 <font color= yellow>노랑 <font color= gray>진한회색 <font color= green>초록 <font color= greenyellow>연한연두색 <font color= hotpink>분홍 <font color= red>빨강 <font color= indianred>탁한빨강 <font color= ivory>아이보리 <font color= khaki>연한황토 <font color= lavender>연한보라 <font color= lavenderblush>연한분홍 <font color= lawngreen>연두색 <font color= lightblue>연한파랑 <font color= lightcoral>연한분홍 <font color= lightcyan>연한하늘 <font color= lightgodenjrodyellow>초록 <font color= lightgray>파랑 <font color= lightgreen>초록 <font color= lightpink>연한분홍 <font color= lightsalmon>연한주황 <font color= lightseagreen>연한청록 <font color= lightskyblue>연한하늘 <font color= lightslategray>회색 <font color= lightsteelblue>연한파랑 <font color= lightyellow>연한노랑 <font color= limetreen>바다 <font color= linen>연분홍 <font color= magenta>자주색 <font color= maroon>고동색 태그강의 다음은 웹상에서의 스페이스를 해봅시다. 흔히 스페이스를 여러번 줘도 단 한번만 되게되는데 다음소스를 쓰면 간단 하지염.^^ <pre>....</pre> 구럼응용해볼까염.?? <pre>우리들에(여기에 스페이스 네번)소박한(여기에 스페이스 10번)꿈에소식</pre> 그러면 아래처럼됩니다.(스페이스가 안되는 관계로 글로?㎧윱求?) ------------------------------------------------------------ 우리들에 소박한 꿈에소식 ------------------------------------------------------------ 이렇게 글을 쓴것처럼 스페이스가 실행되지염..^^ 다음은 굵은 글씨체를 나타냄니다. <b>...</b> 예............ 우리들에 소박한 <b>꿈</b>에 소식...이렇게쓰면 "꿈"자 하나만 굵게되겟지염 <b>우리들에 소박한 꿈에 소식</b> 이렇게 쓰면 전체가 굵게 나오고염.^^* ----------------------------------------------- 우리들에 소박한 꿈에 소식 우리들에 소박한 꿈에 소식 ------------------------------------------------ 다음은 우사체 (이태릭체)입니다. <i>우리들에 소박한 꿈에소식</i> ------------------------------------------------ 우리들에 소박한 꿈에소식 ------------------------------------------------ 다음은 밑줄을 그어줌니다 <u>우리들에 소박한 꿈에소식</u> ------------------------------------------------ 우리들에 소박한 꿈에소식 ------------------------------------------------- 다음은 보턴을 만들어 준다 <button>우리들에 소박한 꿈에소식</button> ------------------------------------------------- 우리들에 소박한 꿈에소식ㅁ ------------------------------------------------- 그럼 좋은시간이 되시고염.^^*행복하세염.^^* 다음편에 게속됩니다 ※이곳에 본인이 올린것이 복사가 안된다고 하시는분이계시는데염.^^ 설명을 위하여 태그를 ?㎟? 때분에 안되고염 필요하신분은 별도로 연락을 주시면 클럽 회원에 한하여 소스를 드리겟습니다. --그늘 !-- 다음은 바탕에 색을 지정하는태그입니다. <body bgcolor="색코드 또는 칼라"> 이러면 바탕 전체 칼라가 바꾸게 됨니다.^^ 다만 여기에는 안올림니다. 실행시키면 칼라가 변하므로 각자가 태그연습장에서 해보시기바람니다. ---------------------------------------------- 다음은 문장을 가운데로 정렬해줌니다.^^ <center>우리들에 소박한 꿈에소식</center> 이렇게 쓰면 글이 가운데로 가지염... ----------------------------------------------- 우리들에 소박한 꿈에 소식 ----------------------------------------------- 위처럼 가운데로 가는것을 알수있지염.?? 다음은 위첨자를 나타내는 글을 해봅시당.^^ 우리들에<sup>우리들에</sup>소박한 <sup>소박한</sup>꿈에소식<sup>꿈에소식</sup> 이렇게 쓰면 아래처럼됩니당.^^* ----------------------------------------------------------- 우리들에우리들에소박한소박한꿈에소식꿈에소식 ----------------------------------------------------------- 그럼 즐거운시간되세염.^^* --그늘 !-- 오늘은 링크하는거 해볼까염.?? 동영상링크 <center><embed src=http://www.ngtv.net/ch-mv/mfile/24hour1126_300.asx></center></embed> 이렇게 하면 동영상이나옴니다. 앞 에 <center> ← 저소스는 운데로 정렬시키고염.^^ 뒤에 <embed src=요기가 링크시킬 주소> 이부분이 동영상 링크입니다. 그럼 아래 처럼나오지염.^^* -------------------------------------------------------------------- -------------------------------------------------------------------- 다음은 음방에 윈엠프 링크입니다 <a href="http://210.181.15.107:8000/listen.pls">링크글이나 는 그림</a> 이렇게 간단하게 할수있지염.^^ <a href="여기가 링크시킬 주소">링크글이나 는 그림</a> 다만 숫자 아이피만있으면 <a href="http://요기에 숫자아이피/listen.pls">링크글이나 는 그림</a> 이러면 됨니다...뒤에 그림은 이미지그림이면 되고염.^^ -------------------------------------------------------------------- 다음은 새창으로 링크하기 <a href="요기가 링크할 위치주소"; target="_blank" on-focus='this.blur()'>요기에 제목이나 그림</a> 이렇게 하면 됨니다. 예....................... 아래를 클릭하시면 우리들에 소박한 꿈에소식 클럽으로 바로갑니다.<P> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=a070005946"; target="_blank" on-focus='this.blur()'>클릭 (또는 이미지 그림.^^)</a>그럼 래처럼 나옴니다. 클릭하시면 창이하나더뜨고염 -------------------------------------------------------------------- 아래를 클릭하시면 우리들에 소박한 꿈에소식 클럽으로 바로갑니다. 클릭 (또는 이미지 그림.^^) -------------------------------------------------------------------- 다음은 미디어음악만 올리는 경우입니다. 간단하게 아래처럼하면 됩니다. <embed src="http://members.tripod.lycos.co.kr/zzimks11/happygirl.asf "> 동영상하고 같은소스인데염.^^ 다만 창을 숨기려면 뒤에다가 "hidden="true" ←저거를 삽입하시면 됩니다 <embed src="http://members.tripod.lycos.co.kr/zzimks11/happygirl.asf "hidden="true"> 이렇게 하시면 되지염.^^ 그럼 좋은날되세염.^^* --그늘 !-- 이번에는 전에 배웠던 태그를 이용하여 한문장을 만들어 봅시다.^ 우선 글제목부터 할까염.?? 글 을 가운데 정렬을 시키고 글씨체와 크기 색등을 지정하여 제목을 써봅시다 <center><font face="견고딕" size="5" color="blue"> 그늘! 이하고 함께 배워봅시다.^^*</center></font> 다음은 바탕에 음악을 깔아봄니다. <embed src="http://members.tripod.lycos.co.kr/zzimks11/happygirl.asf "hidden="true"> 다음은 글을 몇자 적습니다. <font face="엽서체" size="3" color="green"> 안녕하세염.??<p> 그늘 !입니다.<br> 지금까지 강의한내용은..<br> 초보자를 위한 기본태그였습니다.<br> 문론 웹상에서 수많은 태그가있으나<br> 그것을 다하려면 어려움이 많고염.^^<br> 여기서는 간단하고 기본적인것을 <br> 다뤘습니다.<br> 앞으로는 기본을 바탕으로 다른태그드을 보시면서<br> 어떻한태그로 어떤 모양이되는지<br> 한번 주의깊게 보시면 이해가 될것입니다.<br> 이제부터는 지금까지 한내용에 응용을 할려고 합니다.<br> 많은이용 부탁드립니다.<br><br></font> 본 내용은<p> (아래 글에는 이름에 맞는 클럽링크를 걸어봤습니다.) <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=a070005946"; target="_blank" on-focus='this.blur()'>우리들의 소박한 꿈 에소식</a><p> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=o060000249"; target="_blank" on-focus='this.blur()'>63토끼사랑</a><p> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=k070000501"; target="_blank" on-focus='this.blur()'>큰오빠에 마음과 마음으로</a><p 세곳에서 동시에 올려짐니다.<p> ※ 위에 글을 클릭하시면 해당클럽에 바로갑니다. ========================================================================================================== 다음은 그림을 삽입하여 링크를 넣어봅니다. 님 환영합니다.<br> 어린시절 꿈을 기억하시나요?<br> 여기에 우리들의 소박한 꿈 에 소식이 있습니다.<br> 언재든지 항상 편안하고 즐겁게 들려주셔서...<br> 행복한 꿈을 열어 갑시다...<br> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=a070005946"; target="_blank" on-focus='this.blur()'> <img src=http://home.megapass.co.kr/~nagne72/wo/G9.gif>☜ 클릭 </a><br>우리들의 소박한 꿈 에소식<p> 따뜻한봄날 뭔가 그리운 추억을 찻으세요??<br> 여기 진실하고 정겨운 친구들이 있습니다.<br> 같이 서로 공유하면서 아름다운 행복을 추구합시다.<br> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=o060000249"; target="_blank" on-focus='this.blur()'> <img src=http://icon.sie.net/image/animal/rabbit/rabbit32.gif><br> 잠시 후에 우막이 나온당^^*<P>어서오세요.^^* 넙쭉.. ☜클릭 </a><br>63토끼사랑<p> 오늘도 아름다운 행복을 항상 님들과함께 나누고 싶습니다.<br> 아름다운 추억과 낭만을 함께 만들어 갑시다.^^*<br> (아래 꽃은 양지꽃입니다 봄에 눈속에서 싹이나지요.)<br> <a href="http://club.lycos.co.kr/Club/Club.asp?Clubid=k070000501"; target="_blank" on-focus='this.blur()'> <img src=http://home.megapass.co.kr/~nagne72/man/ac59.gif> <img src=http://icon.sie.net/image/homepage/line/line006.gif>☜ 클릭 </a><br>큰오빠에 마음과마음으로<p> 다음은 전달할 멧세지를 써봅니다. &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& <div align="center"><table border="2" cellpadding="2" width="400" height="280" background="http://is.lycos.co.kr/3261/157782_2.jpg" ;><tr><td width="379"><p align="left"><font face="필기체" size="3" color=green"><marquee direction="up" scrolldelay="1" scrollamount="1"><scrolldelay="50" loop="ture" width="380" height="100"><p align="left"> 안녕하세요??<br><br><br> 이젠 정말로 봄이 왔습니다.<P> 박에는 따뜻한 봄바람이 불고염.^^<P> 어제는 봄비가 촉촉히 내렸지염.^^<P> 회원여러분 ...<P> 날씨가 따뜻해지면 산으로들로<P> 나들이 한번 가면 어떻까염.??<P> 냇가에 모닥불도 피우고<p> 고기도 구워가면서..<P> 정겨운 이야기라도 한번 나누면<p> 어떻할런지염.??<p> 우리 클럽에서도 가끔은 아주 가끔은<p> 주변을 한번씩 둘러보고...<p> 어려운 이웃을 조금이나마<p> 도와줄수 있는 아름다운 정성을<P> 마련해볼까 해염.^^<p> 다음에 적절한 행사가 있을때..<p> 꼭 다같이 협조해주세염.^^*<p> 그럼 즐거운 시간이 되시길 바라면서....<p> -그늘- </center></tr></font></marquee> 본문서 내용은 태그응용 2에 올림니다.^^* 안녕하세염.?? 그늘 !입니다. 지금까지 강의한내용은.. 초보자를 위한 기본태그였습니다. 문론 웹상에서 수많은 태그가있으나 그것을 다하려면 어려움이 많고염.^^ 여기서는 간단하고 기본적인것을 다뤘습니다. 앞으로는 기본을 바탕으로 다른태그드을 보시면서 어떻한태그로 어떤 모양이되는지 한번 주의깊게 보시면 이해가 될것입니다. 이제부터는 지금까지 한내용에 응용을 할려고 합니다. 많은이용 부탁드립니다. 다음은 그림을 삽입하여 링크를 넣어봅니다. 님 환영합니다. 어린시절 꿈을 기억하시나요? 여기에 우리들의 소박한 꿈 에 소식이 있습니다. 언재든지 항상 편안하고 즐겁게 들려주셔서... 행복한 꿈을 열어 갑시다... ☜ 클릭 우리들의 소박한 꿈 에소식 따뜻한봄날 뭔가 그리운 추억을 찻으세요?? 여기 진실하고 정겨운 친구들이 있습니다. 같이 서로 공유하면서 아름다운 행복을 추구합시다. 잠시 후에 우막이 나온당^^* 어서오세요.^^* 넙쭉.. ☜클릭 63토끼사랑 오늘도 아름다운 행복을 항상 님들과함께 나누고 싶습니다. 아름다운 추억과 낭만을 함께 만들어 갑시다.^^* (아래 꽃은 양지꽃입니다 봄에 눈속에서 싹이나지요.) ☜ 클릭 큰오빠에 마음과마음으로 &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 안녕하세요?? 이젠 정말로 봄이 왔습니다. 박에는 따뜻한 봄바람이 불고염.^^ 어제는 봄비가 촉촉히 내렸지염.^^ 회원여러분 ... 날씨가 따뜻해지면 산으로들로 나들이 한번 가면 어떻까염.?? 냇가에 모닥불도 피우고 고기도 구워가면서.. 정겨운 이야기라도 한번 나누면 어떻할런지염.?? 우리 클럽에서도 가끔은 아주 가끔은 주변을 한번씩 둘러보고... 어려운 이웃을 조금이나마 도와줄수 있는 아름다운 정성을 마련해볼까 해염.^^ 다음에 적절한 행사가 있을때.. 꼭 다같이 협조해주세염.^^* 그럼 즐거운 시간이 되시길 바라면서.... -그늘- <center><table style="background-color:#ffffff;border-width:23px;border-color:red;border-style:ridge;" width=530 height=320><tr><td>☜ 요넘이액자모양의 테두리 <[안내]태그제한으로등록되지않습니다-bgsound src="http://user.chollian.net/~jeansmi/solomoon022.wma" loop="infinite"><p> ☜요넘이 배경음악 소스군요....<p> <table> <table border=0 cellpadding=5 cellspacing=5><tr><td><pre> <td background="http://newmermaid.com.ne.kr/mermaid1/00099.jpg" width=500 height=400><p> ☜요 안에 있는 주소가 그림 주소고요^^ <p> <font color=orange face=궁서체 size=5><p>☜요놈이 글씨체와 색,크기 <p> <b><center><p> <br> <p> <br><br><br> </font> <marquee direction="up" scrollamount="1"><p> ☜요넘이 글씨를 올라가게 하는 마퀴태그군요^^ <p><scrollamount="1" ><p>☜요넘을 숫자를 고치면 속도 조절을 할수 있을 겁니닷! <p> <font color=orange size=4><p> ☜ 요넘이 아까도 말했듯이 글씨색 크기를 지정해 주는 것이죠? <p> ★여기부터는 올라갈 글씨를 쓰는 부분이죠?☆ 그림속에 글쓰기. 우선 그림을 준비해야지요?? 그림은 내가가지고 있다고 되는것은아니지염.^^ 일단은 웹상에 출판(홈피에 올리는것)을 해야 할수있지요 그다음에 여기로 불러오면 되지염.^^ 단순히 불러올려면 <img src=그림주소>이러면 되겟지요? 그럼 오늘은 출판을 직접 하는것보다도 검색해서 불러오는 것을 해볼까요? 이곳라이에 올리는것은 라이 검색을 이용하는것이 컴속도를 빠르게 합니다 라이코스 검색창에 이미지+원하는그림이름 이러면 나옴니다. 그럼"이미지+풀잎" 하고 쳐보세염 그다음에 오른쪽 상단을 보시면 슬라이드 를 선택하면 다른창이뜨면서 4초간격으로 움직입니다 아래 비디오모드를 이용하여 원하는그림을 검색하고 그림을 찻으면 ㅁ 자로된중지를누르세여 다음에 그림에 오른쪽 마우스를 하고 등록정보에서 주소 란에있는것을 마우스로 복사해오면 됨니다. 일단 http://is.lycos.co.kr/3209/44834_2.jpg 이주소를 가져왔어요 <img src=http://is.lycos.co.kr/3209/44834_2.jpg> 이렇게 하면 그림이 나오지염?? 그럼 그림에다 글을 써볼까염?? ---------------------------------------------------- 일단은 다음명령어로 박스를 만듭니다. <table border="2" cellpadding="2"> 앞에 숫자2는 테두리 두께 뒤에숫자2는 테두리에서 글까지낙격 다음명령어는 박스 크기를 지정합니다. <width="360" height="250"> 앞에숫자는 가로크기 뒤에숫자는 세로크기 (여기서 그림크기하고 박스크기를 선택해야 그림이 전체가 다나오고염 너무크게하면 그림이 이어져서 또나옴니다.태그연습장에 크기를 조정해보세요) 다음명령어로 박스에 들어갈 그림을 정해줌니다. <background="요기가 그림주소를 넣고염." ;>(여기까지는 <>하나에 다넣어도 됨니다. <background="http://is.lycos.co.kr/3209/44834_2.jpg" ;> 이렇게염 다음명령어로 아래쪽글과 테두리사이를 뛰여줌니다. <p align="left"> 다음명령어로 글을 좌측상단으로 하고염(여기서 센터를써서 가운데로 할수도 있어염) <tr> 다음명령어로 글을 박스안으로 불러옴니다. <td> 요기에 글을 쓰면 들어가지요?? </table></tr></td>이렇게 꼭 슬레이브로 명령어를 마침니다. 글씨체나 컬러 크기 움직이는명령어 등르로 꾸미면 이뽀겟지요? 그때도 끝에 꼭 마치라는 슬레이브를 넣어줌니다. ------------------------------------------------------------ 그럼 위에꺼를 정리해볼까염.?? ------------------------------------------------------------ <table border="2" cellpadding="2" width="360" height="250" background="http://is.lycos.co.kr/3209/44834_2.jpg" ;><p align="left"><tr><td>우리들의 소박한 꿈에 소식<p>찻아주셔서 대단히 감사함니다.</table></tr></td> (****실지로는 글을 쓰기가 힘드닌깐 여기부분을 복사해서 메모해두고 나중에그림바꾸고 테두리 박스크기등만 바꾸면 쉽겟지요?****) 그럼아래처럼나오겟지요? ------------------------------------------------------------------------------------- 우리들의 소박한 꿈에소식 찻아주셔서 대단히 감사합니다. 제목: 윈도우 폴더 아래의 Temp 폴더의 용도 가끔 윈도우 폴더 아래에 있는 TEMP 폴더 내용에 대해 궁금해하는 분들이 있습니다. 이곳에 파일들이 상당히 많이 있는데 어떻게 해야 하느냐는 질문과 함께 곁들여서 말이죠. TEMP는 Temporary의 약칭으로 임시 파일들이 일시적으로 보관되는 곳입니다. 보관이라기 보다는 살짝 스쳐가는 곳. 예를 들어 문서 파일을 열어서 작업한다거나 이미지 파일에 대한 작업을 한다거나 하면 원본 파일은 원래 위치에 그대로 놓아두고, 일시적인 작업 처리를 위한 임시 파일은 Temp에 생성됩니다. 물론 작업을 끝내면 Temp에 있던 임시 파일이 자동으로 삭제되어야 하는 것이 정상입니다. 하지만, 각 응용프로그램의 특성 상 또는 비정상적인 방법을 통한 윈도우 시스템 종료 등의 이유로 임시 폴더에는 다수의 파일들이 쌓여갑니다. 압축 프로그램에서 압축을 일시적으로 해제했다가 제대로 청소하지 않아 계속 쌓여가는 파일들, 편집 작업 후 제대로 삭제하지 않아 남게 되는 0바이트의 파일들 등등. Temp 폴더에 있는 파일들은 모두 삭제하는 것이 좋습니다. 디스크 공간의 절약을 위해서도 그래야 하지만 안정적인 윈도우 생활을 위해서도 반드시 필요한 작업입니다. 컴퓨터가 아닌 다른 곳처럼 언제나 깔끔하게 정리되어 있는 것이 항상 도움이 되곤 합니다. 불필요한 것은 신속하게 정리해 주는 것이 윈도우의 수명에도 많은 도움을 줍니다. 닮은사람- 서진영 지친 마음의 끝에서 다시 꿈 꿀 거라고 다시 웃을 수 있을 거라고.. 그대 슬픈 눈빛으로 작은 대답을 했지만나는 들을 수가 없어요 날 위해 살아갈 그 많은 시간에 이 가슴에선 널 보낼 순 없어.. *뚜뚜뚜뚜뚜뚜뚜뚜뚜뚜~ 뚜뚜뚜뚜뚜뚜뚜뚜뚜뚜~ 내가 그대 될 수가 없기에.. 너무 많은 아픔을 우린 닮은 거야 외로움에 지친 우릴 위해 이제 소중한 자신을 아껴야 해 죽음보다 더한 아픔이 날 찾아와도.. 영원히 사랑할 수 밖에 없어 운명같은 우연이 우릴 기다리지 않아 사랑해.. 한일 지라도.. *반복 이제 날 위해 웃어줘 널 위해 힘이 들 때 그때 나의 눈물이 되어줘 언젠가 꿈에 보내준 운명 같은 눈빛을 나는 아직도 사랑해.. 겨===겨자씨만한 우정이 자라 울===울타리를 이루고 나===나그네의 쉼터를 만들고 그==그렇게 설장터는 큰장을 이루고 네==네거리 여기저기서 모인님들로 설장터는 북적댑니다 작은우정이 큰믿음을 이루어내는 설장터 아름답습니다 기본태그 3 다음은 먼저배운거에 뒤쪽에 scrolldelay="1" ←조거를 해볼까염.?? <marquee direction="up" scrolldelay="1" scrollamount="1">이렇게 쓰고염 구럼 아래처럼나오지염 ------------------------------------------------------- 우리들에 소박한꿈에소식 ------------------------------------------------------------ 뒤에 1을 바꾸면 <marquee direction="up" scrolldelay="20" scrollamount="20">우리들에 소박한 꿈에소식</marquee> --------------------------------------------------- 우리들에 소박한 꿈에 소식 ----------------------------------------------------------- 이렇게 돼염.^^* 앞에 숫자는 다음글올라오는 반복 속도입니다 뒤에숫자는 글움직이는속도 입니다. 다음은 그림링크함니다.^^* 기본태그 4 다음은 그림을 링크해볼까염.?? 간단해염.^^* <img src=요기에 그림주소> 이렇게 하시면 되는데..... 앞에 img ←저거는 이미지를 뜻하고염 뒤에 src ←저거는 현재 창에서 실행하라는 명령어입니다. 예를 들어서 그림주소가 http://jsd44.hihome.com/gif/flower/e6.gif 위에것일때 아래처럼쓰시면 됩니다. <img src=http://jsd44.hihome.com/gif/flower/e6.gif> 구럼아래처럼나오지염 ------------------------------------------------------- -------------------------------------------------------- 두번연속하면 두번이 나오고염 --------------------------------------------------------- --------------------------------------------------------- 중간에 <br>등을 쓰면 아래위로 나와염.^^ <img src=http://jsd44.hihome.com/gif/flower/e6.gif><br>&itimg src=http://jsd44.hihome.com/gif/flower/e6.gif> 이렇게 쓰면 아래처럼되지염 ---------------------------------------------------------- ---------------------------------------------------------- 또 주소를 찻아서 다른것으로 순서대로 쓰시면 순서대로 나와염 주소를 찻는것은 원하는그림에 오른쪽마우스를 클릭하고염 아래 등록정보를 누르시면 주소라고있어요 그게 주소여요 그럼 응용해보시기를..^^ --그늘!-- ▣ 이미지 태그명령은 *img src=주소(Url)>입니다. 맨뒤에 오는 확장자는 주로 gif나 jpg 이두 개의 확장자가 쓰입니다. *대신 < 로 바꾸세요 (보기) *IMG src=http://my.netian.com/~cho9708/bgground/icon/6.gif> 위의 예문식으로 쓰이게 됩니다...... 기본태그 5 (대화방에서 이미지태그 사용하는법) 대화방에서 이미지태그를 사용하려면 큰창말구 우리가 글씨쓰는 작은창이 있죠..거기다가 소스(그림의주소)를 넣구 엔터를 치면 이미지가 브라우저 (큰창) 에 보이게 되는겁니다 (대화방에서 소스 복사 하는법) 대화창에서 열분들께서 소스를 올려줄 때가 있죠..그걸 복사해서 본인의 메모장에 저장 하셔서 나중에 사용하셔야 하는데요.. 우선 주소부분을 드래그(복사)하시구 --왼쪽 마우스를 누른상태 에서 쭈욱 그으세요 (파랗게 변할겁니다) 그리구 오른쪽 마우스크릭 등록정보의 복사 기능으로 복사 하시면 됩니다.. 복사가 안될 경우 ( 라이코스 및 기타사이트...) 자판에보시면Ctrl + C = 복사 Ctrl + V = 붙히기 입니다... 이렇게 하시면 복사가 가능합니다... 복사된 소스는 메모장에 저장 하셔야합니다.. 메모장 찾는법( 시작-프로그램-보조프로그램-메모장 )입니다. 여기다 저장하시면 됩니다.. 메모장 저장하는법 (메모장 위의상단- 파일-다른 이름으로 저장-- *창이 하나 나올겁니다*저장위치-(본인이 찾기쉽구 사용 하기편한데 저 장하시는좋습니다)-파일이름-( 알기쉽게 그내용의 이름을기입)-파일형식 (걍 나누셔두 됩니다..txt 라구 써 있을겁니다) 저장한 소스 사용하고 싶을 때에는 저장 찾아서 사용하면 됩니다 위에서 말씀드린 것은 대화방에서 소스 저장?G 사용법에 대한 설명 이었습니다. |