창공마당 | HTML 시작하기 - Daum 카페

<link rel="stylesheet" href="http://editor.daum.net/services/blog/css/contents4view.css?ver=1.1.114" type="text/css"/><link rel="stylesheet" href="http://editor.daum.net/services/blog/css/theme4view.css?ver=1.1.114" type="text/css"/><script language="javascript" src="http://s1.daumcdn.net/pimg/UX-JS_2008/20120321/common_view.js"></script><script language="javascript"> var articleno = "3316191"; </script><!-BY_DAUM-><P><STRONG><SPAN style="FONT-SIZE: 10pt">1. HTML 시작하기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">▷ HTML( Hypertext Markup Language )</SPAN></STRONG><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 월드와이드웹(WWW)에서 하이퍼텍스트 문서를 만들기 위해 사용되는 기본언어</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 쉽게말해 인터넷을 통해 볼 수 있는 문서를 만들 때 사용되는 프로그래밍 언어</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 인터넷에서 접할 수 있는 모든 웹 페이지들은 HTML로 작성된다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 태그(TAG)는 HTML에서 사용하는 명령어이다</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ HTML 명령어는 메모장에서 작성한다. (메모장 대신 전용 웹문서 편집기[나모]를 이용가능)</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 웹 브라우저(익스플로러, 네스케이프등등)는 HTML로 작성된 문서를 해석하여 화면에 출력하게 된다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">  ＊ 작성은 메모장에서 확인은 인터넷익스플로러 에서!!</SPAN></P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">▷ HTML의 간단한 규칙</SPAN></STRONG></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">1. 구성요소</SPAN></STRONG></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   HTML 문서는 < HTML >로 시작해서 < /HTML >로 끝납니다. 이때 <HTML>같은 명령들을 태그라 부르는</SPAN><BR><SPAN style="FONT-SIZE: 10pt">   데 상당수가 시작태그와 종료태그 쌍으로 이루어진다.</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">기본예제 작성해보기</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TITLE>컴퓨터교실</TITLE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt">HTML의 기본구조를 작성해보자~</SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HTML></SPAN></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">2. 기본구조</SPAN></STRONG></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   <HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   <HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   <TITLE>문서제목</TITLE></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   </HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   <BODY>  </SPAN><SPAN style="FONT-SIZE: 10pt">    </SPAN><BR><SPAN style="FONT-SIZE: 10pt">    <SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B><FONT color=#0055ff><SPAN style="FONT-SIZE: 10pt"></SPAN></FONT></B></SPAN></P> <P></SPAN><SPAN style="FONT-SIZE: 10pt">      </SPAN><BR><SPAN style="FONT-SIZE: 10pt">   </BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt">   </HTML></SPAN></P> <P> </P> <P><STRONG><SPAN style="FONT-SIZE: 10pt">3. HTML의 특징</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"> ＊ 태그는 대소문자의 구분이 없다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> ＊ HTML파일의 확장자는 ＊.htm 또는 ＊.html로 저장한다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> ＊ <엔터><스페이스><탭>은 있으나 마나</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> ＊ 태그의 사용 순서에 맞게 닫아준다.(시작이 있으면 끝이 있어라!)</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> ＊ HTML 문서는 순차적으로 실행된다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> ＊ 파일이나 디렉터리(폴더) 이름은 영문(혹은 숫자)이 좋다.</SPAN></P> <P> </P> <P><STRONG><SPAN style="FONT-SIZE: 10pt">▷ HTML 작성하여 실행해보기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"> 1. 메모장 실행 [시작->프로그램->보조프로그램->메모장]</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> 2. HTML 문서 작성하기(위 예제 입력해보기)</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> 3. 저장하기 [파일->저장하기] 파일명을 [기본태그.html] 입력 -> [저장]</SPAN><BR><SPAN style="FONT-SIZE: 10pt">   (로컬디스크(E:\)에 [인터넷고급]폴더만든후 폴더안에 저장하기)</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> 4. 브라우저에서 HTML문서 불러오기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">    인터넷 익스플로러 실행 > [파일] >[열기] > [찾아보기]클릭 > [기본태그.html] 선택한후 [열기]클릭.</SPAN></P> <P> </P> <P> </P> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">기본예제 작성해보기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"><HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TITLE>컴퓨터교실</TITLE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt">HTML의 기본구조를 작성해보자~</SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HTML></SPAN></P> <P> </P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P><STRONG><SPAN style="FONT-SIZE: 10pt">2. 문서에 배경넣기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">▷ 문서에 배경색 지정하기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"><BODY BGCOLOR=색코드> 또는</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><body bgcolor=색상명></SPAN><BR><SPAN style="FONT-SIZE: 10pt">. 노란색으로 배경색 바꾸기</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TITLE>배경색 지정하기 </TITLE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HEAD></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><BODY BGCOLOR=YELLOW></SPAN><BR><SPAN style="FONT-SIZE: 10pt">문서 배경색이 노란색으로 변했죠?</SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HTML></SPAN></P> <P><BR><FONT color=#0900ff><STRONG><SPAN style="FONT-SIZE: 10pt">색상지정은 RGB 색상 코드를 이용한다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">노란색을 의미하는 색상명 YELLOW는 #FFFF00 처럼 직접 색코드를 지정해도 된다. RGB값은 6자리 16진수 표기를 사용하는데 두자리씩 Red, Green, Blue값이 들어간다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">Black="#FFFF00"을 사용해도 노란색의 배경색을 볼 수 있다.</SPAN></STRONG></FONT></P> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">색상몇개 보기:</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt">redblue -  연한파란색  olive -    금색       red -  빨간색</SPAN><BR><SPAN style="FONT-SIZE: 10pt">magenta -  핑크       bluesky - 연한녹색   cyan - 청녹색</SPAN><BR><SPAN style="FONT-SIZE: 10pt">pink -     연한핑크색  break -   투명한녹색 orange - 오렌지색</SPAN><BR><SPAN style="FONT-SIZE: 10pt">blue -      파랑       yellow -   노랑       green -  녹색</SPAN></P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">▷ 문서에 배경그림 지정하기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt">   형식 <BODY BACKGROUND="이미지 위치 또는파일명“></SPAN><BR><SPAN style="FONT-SIZE: 10pt">  우선! 배경그림으로 사용할 그림저장하기 (파일이름: bg1)</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TITLE>배경그림 삽입하기 </TITLE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HEAD></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><BODY BACKGROUND=그림의주소></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></HTML></SPAN></P> <P><BR><SPAN style="FONT-SIZE: 10pt">작은 그림으로 배경그림을 지정하게 되면 바둑판 형식으로 배경 그림이 보이게 된다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">인터넷그림으로 사용하는 그림종류로는</SPAN><BR><SPAN style="FONT-SIZE: 10pt">*.gif 와 *.jpg 형식을 가진 그림이 있다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">그림과 인터넷 문서가 같은 폴더안에 저장되 있다면, 이미지 위치는 생략가능하며 파일명만 정확하게 입력해주면 된다.</SPAN><BR><SPAN style="FONT-SIZE: 10pt">   우선! 배경그림으로 사용할 그림저장하기 (파일이름: bg1)</SPAN></P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P><BR><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">▷ 문서전체의 글자색 변경하기</SPAN></STRONG></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY BACKGROUND="bg1.gif" TEXT="blue"> 문서안의 글자가 파랑색을 보인다.</SPAN></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"><STRONG>▷복습예제</STRONG></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HTML></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HEAD> <TITLE>당신은 나에게</TITLE> </HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY BGCOLOR="#A30FE2" TEXT="#FFFFFF"></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><P ALIGN="CENTER"></SPAN><BR><SPAN style="FONT-SIZE: 10pt">★♡★♡★♡★♡★♡★♡★♡★♡★♡<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">당신은 나에게<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">나의 사랑 너는 어여뻐서<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">아무 흠이 없다고 하셨지요.<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">당신의 사랑이<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">그토록 아름답고 향기롭고<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">진실한 것이기에<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">난 사랑이란 말만<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">들어도 가슴이 뜁니다.<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">★♡★♡★♡★♡★♡★♡★♡★♡★♡</SPAN><BR><SPAN style="FONT-SIZE: 10pt"></P></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></HTML></SPAN></P> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">▷ 부분정리</SPAN><BR></STRONG><FONT color=#000000><SPAN style="FONT-SIZE: 10pt"><BODY>태그의 속성</SPAN><BR><SPAN style="FONT-SIZE: 10pt">. BGCOLOR: 배경색</SPAN><BR><SPAN style="FONT-SIZE: 10pt">. BACKBROUND: 배경그림</SPAN><BR><SPAN style="FONT-SIZE: 10pt">. TEXT: 문서전체 글자색</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt"><P>태그의 속성 : 단락을 크게 나눌때</SPAN><BR><SPAN style="FONT-SIZE: 10pt">. ALIGN: 정렬</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> LEFT: 왼쪽 정렬</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> CENTER: 가운데 정렬</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> RIGHT: 오른쪽 정렬</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BR> : 줄바꿈</SPAN></FONT></P> <P> </P> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">3. 글자태그<font></SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt">▶ FONT(글자) 태그</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><FONT    size=1    color=red    face=궁서체>글자입력</font>    </SPAN><BR><SPAN style="FONT-SIZE: 10pt">                   blue, yellow, green, pink.....</SPAN><BR><SPAN style="FONT-SIZE: 10pt">         size=7    color="#ff0000"</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">▶<FONT color=#0900ff><STRONG> MARQUEE(흐르는 문자) 태그</STRONG></FONT></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><MARQUEE <STRONG><FONT color=#ff0000>direction=left</FONT></STRONG>     bgcolor=yellow      scrollamount=1  behavior=slide</SPAN><BR><SPAN style="FONT-SIZE: 10pt">         <STRONG><FONT color=#ff0000>direction=right</FONT></STRONG>          <FONT color=#ff0000><STRONG>behavior=alternate</STRONG></FONT></SPAN><BR><SPAN style="FONT-SIZE: 10pt">         <FONT color=#ff0000><STRONG>direction=up</STRONG></FONT></SPAN><BR><SPAN style="FONT-SIZE: 10pt">         <FONT color=#ff0000><STRONG>direction=down</STRONG></FONT></SPAN></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt">예제</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HTML><HEAD><TITLE> 글자태그 연습 </TITLE></HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><FONT COLOR=yellow SIZE=15 FACE=궁서체>안녕하세요</FONT><P></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HR></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><FONT COLOR-BLUE SIZE=4 FACE=휴먼매직체></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><MARQUEE></SPAN><BR><SPAN style="FONT-SIZE: 10pt">오늘은 날씨가 참 좋습니다.<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">모두들 파이팅 하시길 바랍니다.<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt">오늘도 행복하세요!!<BR></MARQUEE></FONT></BODY></HTML></SPAN></P> <P> </P> <P><BR><STRONG><SPAN style="FONT-SIZE: 10pt">수정하기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"><HTML><HEAD><TITLE> 당신은 나에게</TITLE></HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY BGCOLOR=BLUE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><MARQUEE DIRECTION=UP></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><CENTER></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><FONT COLOR=RED SIZE=7 FACE=궁서체>당신은 나에게</FONT><P></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HR></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><FONT COLOR=YELLOW SIZE=4 FACE=휴먼매직체></SPAN><BR><SPAN style="FONT-SIZE: 10pt">당신은 나에게<BR>나의 사랑 너는어여뻐서<BR>아무흠이 없다고 하셨지요.<BR></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></FONT></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></MARQUEE></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></CENTER></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></HTML></SPAN></P> <P> </P> <P> </P> <P><FONT style="BACKGROUND-COLOR: #ffffff"><FONT color=#7c84ef><STRONG><SPAN style="FONT-SIZE: 10pt">4. 링크 태그<A></SPAN><BR></STRONG><FONT color=#ff0000><STRONG><SPAN style="FONT-SIZE: 10pt"><A HREF="연결 파일이름.HTML주소"><font size=3 color=blue face=바탕체)여기를 클릭하세요. 혹은 제목을쓰고 여기클릭</font> </A></SPAN><BR></STRONG></FONT><SPAN style="FONT-SIZE: 10pt"><STRONG>                     </STRONG></SPAN></FONT></FONT></P> <P><FONT style="BACKGROUND-COLOR: #ffffff"><FONT color=#7c84ef><SPAN style="FONT-SIZE: 10pt"><STRONG></STRONG></SPAN></FONT></FONT> </P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"> </P> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '100 50 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"></SPAN> </DIV></DIV> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">5. 그림넣기</SPAN></STRONG></SPAN></P> <P><STRONG><SPAN style="FONT-SIZE: 10pt">▶ 그림넣기</SPAN><BR></STRONG><SPAN style="FONT-SIZE: 10pt"><IMG SRC="파일명“ BORDER="테두리” WIDTH="넓이“ HEIGHT="높이”></SPAN></P> <P><BR><SPAN style="FONT-SIZE: 10pt">▶ 예제</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><HTML><HEAD><TITLE> 그림을 넣어 보자! </TITLE></HEAD></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><BODY></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><IMG SRC="p1.jpg" BORDER="3" WIDTH="400" HEIGHT="300"></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></HTML></SPAN></P> <P> </P> <P> </P> <P> </P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt">▶ 인터넷에 있는 그림주소 가져오기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">1. [엠파스]에서 그림 검색후 그림안에 마우스 올려놓은후 마우스 오른쪽버튼 클릭후 [속성] 클릭</SPAN><BR><SPAN style="FONT-SIZE: 10pt">2. [속성]창에서 주소(URL)부분을 드래그하여 마우스 오른쪽버튼클릭[복사]클릭하여 주소 복사하기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">3. [확인]버튼 클릭으로 속성창 닫기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">4. 작성중인 파일의 <img src=다음에 마우스오른쪽 버튼 클릭한후 [붙여넣기]</SPAN></P> <P> </P> <P> </P> <P> </P> <P> </P> <P></P> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><FONT color=#22741c><SPAN style="COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial"><B><SPAN style="FONT-SIZE: 10pt">▶</SPAN></B></SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial"><B>테두리 스타일 다르게 주기 </B></SPAN></FONT></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><img src=p1.jpg width=</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>250</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> style="border:10 double blue"> </SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt">(solid) </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><BODY BGCOLOR=BLACK> </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><MARQUEE> </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><img src=그림주소 width=<FONT color=#0055ff>500</FONT></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><FONT color=#0055ff> </FONT>height=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">375</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>double</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>blue</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">"> </SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><img src=그림주소 width=</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">500</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> height=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">375 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>solid</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>red</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">"> </SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><img src=그림주소 width=</SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">500</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> height=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">375 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #0066ff; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>double</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> </SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: #009900; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>green</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">"> </SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"></MARQUEE> </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"></BODY></HTML> <P> </P> <P> 아래의 그림주소를 이용하세요 </P> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '90 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 111%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -5.35%; POSITION: absolute; mso-special-format: bullet">•</SPAN></SPAN><SPAN style="FONT-SIZE: 20pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><FONT color=#000000><SPAN style="FONT-SIZE: 11pt">http://juh0818.com.ne.kr/IMG/ab1.jpg <SPAN style="FONT-SIZE: 11pt">500x375</SPAN></SPAN></FONT></SPAN></DIV> <DIV style="mso-line-spacing: '90 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 111%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -5.35%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 11pt"><FONT color=#000000>•</FONT></SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 11pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><FONT color=#000000>http://juh0818.com.ne.kr/IMG/ab2.jpg </FONT></SPAN></DIV> <DIV style="mso-line-spacing: '90 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 111%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -5.35%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 11pt"><FONT color=#000000>•</FONT></SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 11pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><FONT color=#000000><A href="http://juh0818.com.ne.kr/IMG/ab3.jpg">http://juh0818.com.ne.kr/IMG/ab3.jpg</A></FONT></SPAN></DIV></DIV></SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '100 50 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"></DIV></DIV> <P> </P> <P> </P> <P><SPAN style="FONT-SIZE: 24pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial"><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">수정하기(A태그, IMG태그, MARQUEE태그 응용) </SPAN></P> <P> </P></STRONG></SPAN></SPAN> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.72%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><HTML><HEAD><TITLE> 그림 넣기 </TITLE></HEAD> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><BODY BGCOLOR=BLACK> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><MARQUEE> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p1.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.59%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p1.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 height=200 style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">double blue"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p2.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.59%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p2.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 height=200 style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">solid red"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p3jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.59%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>p3.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 height=200 style="border:10 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">double green"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"></MARQUEE> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.2%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"></BODY></HTML> <P>  </P> <DIV class=O style="mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0" v:shape="_x0000_s1026"><SPAN style="FONT-SIZE: 24pt; COLOR: black; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-color-index: 3"><B><SPAN style="FONT-SIZE: 12pt">위의 태그 소스에 이미지 주소를 넣은것</SPAN> </B></SPAN> </DIV> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.06%; POSITION: absolute; mso-special-format: bullet">•</SPAN></SPAN><SPAN style="FONT-SIZE: 22pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><SPAN style="FONT-SIZE: 10pt"><HTML><HEAD><TITLE> 그림 넣기 </TITLE></HEAD> </SPAN></SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.23%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><BODY BGCOLOR=BLACK> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.23%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><MARQUEE> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.64%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab1.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.75%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab1.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">height=200 style="border:10 double blue"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.64%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab2.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.75%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab2.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">height=200 style="border:10 solid red"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.64%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><a href=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab3.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> target=blank> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -3.75%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><img src=</SPAN><SPAN style="FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"><B>http://juh0818.com.ne.kr/IMG/ab3.jpg</B></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"> width=250 </SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO">height=200 style="border:10 double green"></a> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.23%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"></MARQUEE> </SPAN></DIV> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 122%; FONT-FAMILY: 굴림"><SPAN style="LEFT: -4.23%; POSITION: absolute; mso-special-format: bullet"><SPAN style="FONT-SIZE: 10pt">•</SPAN></SPAN></SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림; mso-ascii-font-family: 굴림; mso-fareast-font-family: 굴림; mso-hansi-font-family: Arial; mso-fareast-language: KO"></BODY></HTML> <P> </P></SPAN></DIV> <DIV style="mso-line-spacing: '80 50 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"></DIV></DIV></SPAN></DIV> <DIV style="mso-line-spacing: '80 50 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"></DIV><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 10pt">6. 테이블(표) 만들기</SPAN></STRONG></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><TABLE>........테이블을 시작</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TR>...............테이블의 한행(줄)을 시작</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TD>~</TD>..테이블의 한셀(칸)을 시작하고 끝</SPAN><BR><SPAN style="FONT-SIZE: 10pt"><TD>~</TD>..테이블의 두 번째셀(칸)을 시작하고 끝</SPAN><BR><SPAN style="FONT-SIZE: 10pt"></TR>..............테이블의 한행(줄)을 종료</SPAN></P> <P> </P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"><STRONG><SPAN style="FONT-SIZE: 11pt"><FONT color=#000000>▶ 2줄 2칸 표 만들기</FONT></SPAN></STRONG></SPAN></P> <P><BR><FONT color=#000000><SPAN style="FONT-SIZE: 10pt"><table></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><tr><td>1줄1칸</td><td>1줄2칸</td></tr></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><tr><td>1줄1칸</td><td>1줄2칸</td></tr></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></table></SPAN></FONT></P> <P><SPAN style="FONT-SIZE: 10pt"><FONT color=#000000><table> 속성</FONT></SPAN></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">width : 가로</SPAN><BR><SPAN style="FONT-SIZE: 10pt">height : 세로</SPAN><BR><SPAN style="FONT-SIZE: 10pt">background : 배경그림</SPAN><BR><SPAN style="FONT-SIZE: 10pt">bgcolor : 배경색</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">border : 테두리굵기</SPAN><BR><SPAN style="FONT-SIZE: 10pt">bordercolor : 테두리 색깔</SPAN><BR><SPAN style="FONT-SIZE: 10pt">bordercolordark</SPAN><BR><SPAN style="FONT-SIZE: 10pt">bordercolorlight</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">cellspacing : 셀간의 간격</SPAN><BR><SPAN style="FONT-SIZE: 10pt">cellpadding : 셀안 간격  </SPAN></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P><BR><STRONG><FONT color=#ff00dd>★    ★     ★     ★     ★     ★     ★     ★     ★     ★     ★     ★     ★</FONT></STRONG></P> <P><STRONG><FONT color=#ff00dd>여기서 부터는 태그 소스를 여러가지로 변형해보려고 합니다.</FONT></STRONG></P> <P> </P> <P> <FONT color=#0055ff><STRONG>marquee1</STRONG></FONT></P> <P> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK> <BR><MARQUEE> <BR><img src=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375 style="border:10 double blue"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab2.jpg width=500 height=375 style="border:10 solid red"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green"> <BR></MARQUEE> <BR></BODY></HTML> <BR> </P> <P> </P> <P> </P> <P><BR><FONT color=#0055ff><STRONG> marquee2</STRONG></FONT></P> <P> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK><BR><MARQUEE <FONT color=#ff0000>direction=up</FONT> scrollamount=<FONT color=#ff0000>5 </FONT>height=600> <BR><img src=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375 style="border:10 double blue"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab2.jpg width=500 height=375 style="border:10 solid red"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green"> <BR></MARQUEE> </center><BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff> marquee3</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK></P> <P><MARQUEE <FONT color=#ff0000>direction=up</FONT> scrollamount=5 height=600></P> <P> <FONT color=#ff0000><P ALIGN=CENTER></FONT> <BR><img src=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375 style="border:10 double blue"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab2.jpg width=500 height=375 style="border:10 solid red"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green"> <BR></MARQUEE> </ul><BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee4</FONT></STRONG></P> <P><STRONG><FONT color=#0055ff>(右에서 左로, 左에서 右로 왔다갔다)</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK><br><br><BR><MARQUEE  scrollamount=5 <FONT color=#ff0000>behavior=alternate</FONT>> <BR><img src=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375 style="border:10 double blue"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab2.jpg width=500 height=375 style="border:10 solid red"> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green"> <BR></MARQUEE></br> <BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee5</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK><BR><MARQUEE <FONT color=#ff0000>direction=up</FONT> scrollamount=<FONT color=#ff0000>5</FONT> <FONT color=#ff0000>height=600</FONT>><BR><FONT color=#ff0000><P ALIGN=CENTER></FONT> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green"><BR><center><font size=3 color=white face=바탕체><FONT color=#ff0000><b><pre></FONT><BR>시간도 저금할수있다면 - 용혜원</P> <P><BR>시간도 돼지 저금통에<BR>동전을 넣듯이 <BR>저금 할 수 있다면<BR>얼마나 좋을까</P> <P>심심하거나 쓸데 없이<BR>보내는 시간들을 모아 두었다가<BR>시간이 모자라 안타까울때<BR>쓸 수 있었으면 좋겠다.</P> <P>신경질 나고 짜증나는<BR>불만의 시간들을 모아 두었다가<BR>행복하고 즐거운 시간이<BR>짧게 느껴질때 썼으면 좋겠다.<BR>건강할때의 시간들을<BR>모아두었다가 아플때 쓰고<BR>착한 마음들의 시간들을<BR>모아 두었다가<BR>죄짓고 싶은 마음이 생길때<BR>썼으면 좋겠다.</P> <P>죄짓고 싶은 마음이 생길때<BR>썼으면 좋겠다<BR> </font></center></p></MARQUEE><BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee6</FONT></STRONG></P> <P><STRONG><FONT color=#0055ff>그림 오른쪽옆에 글이들어감</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK><FONT color=#ff0000><STRONG><ul><ul></STRONG></FONT><BR><MARQUEE direction=up scrollamount=5 height=600> <BR><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green" <FONT color=#ff0000><STRONG>align=left</STRONG></FONT>><BR><font size=3 color=white face=바탕체><b><pre><BR>    시간도 저금할수있다면 - 용혜원</P> <P><BR>    시간도 돼지 저금통에<BR>    동전을 넣듯이 <BR>    저금 할 수 있다면<BR>    얼마나 좋을까</P> <P>    심심하거나 쓸데 없이<BR>    보내는 시간들을 모아 두었다가<BR>    시간이 모자라 안타까울때<BR>    쓸 수 있었으면 좋겠다.</P> <P>    신경질 나고 짜증나는<BR>    불만의 시간들을 모아 두었다가<BR>    행복하고 즐거운 시간이<BR>    짧게 느껴질때 썼으면 좋겠다.<BR>    건강할때의 시간들을<BR>    모아두었다가 아플때 쓰고<BR>    착한 마음들의 시간들을<BR>    모아 두었다가<BR>    죄짓고 싶은 마음이 생길때<BR>    썼으면 좋겠다.</P> <P>    죄짓고 싶은 마음이 생길때<BR>    썼으면 좋겠다. <BR></font></MARQUEE> </ul><BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee6-1(그림과 글을 고정시킴)</FONT></STRONG></P> <P> </P> <P><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><BODY BGCOLOR=BLACK><FONT color=#ff0000><STRONG><ul><ul><br><br><br></STRONG></FONT></P> <P><img src=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375 style="border:10 double green" align=left><BR><font size=3 color=white face=바탕체><FONT color=#ff0000><STRONG><b><pre></STRONG></FONT><BR>    시간도 저금할수있다면 - 용혜원</P> <P><BR>    시간도 돼지 저금통에<BR>    동전을 넣듯이 <BR>    저금 할 수 있다면<BR>    얼마나 좋을까</P> <P>    심심하거나 쓸데 없이<BR>    보내는 시간들을 모아 두었다가<BR>    시간이 모자라 안타까울때<BR>    쓸 수 있었으면 좋겠다.</P> <P>    신경질 나고 짜증나는<BR>    불만의 시간들을 모아 두었다가<BR>    행복하고 즐거운 시간이<BR>    짧게 느껴질때 썼으면 좋겠다.<BR>    건강할때의 시간들을<BR>    모아두었다가 아플때 쓰고<BR>    착한 마음들의 시간들을<BR>    모아 두었다가<BR>    죄짓고 싶은 마음이 생길때<BR>    썼으면 좋겠다.</P> <P>    죄짓고 싶은 마음이 생길때<BR>    썼으면 좋겠다. <BR></ul></br></font></pre></b><BR></BODY></HTML> <BR> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee7</FONT></STRONG></P> <P><STRONG><FONT color=#0055ff>그림안으로 글이 들어가고 제목글은 고정시킨것</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><HTML> <HEAD><TITLE> 그림에 글넣기 </TITLE></HEAD> <BR><FONT color=#0055ff><BODY BGCOLOR=BLACK></FONT><FONT color=#ff0000><P ALIGN=CENTER></FONT><br><br><br><BR><FONT color=#ff0000><table border=3 bordercolor=red cellpadding=5 cellspacing=15 width=500 height=375></FONT><BR><FONT color=#ff0000><tr><td background=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375></FONT><BR><font size=4 color=red face=궁서체><b><pre><BR>    시간도 저금할수있다면 - 용혜원</font></b></pre><BR><MARQUEE direction=up scrollamount=2 height=200> <BR><font size=4 color=white face=궁서체><b><pre> <BR>    시간도 돼지 저금통에</P> <P>    동전을 넣듯이<BR> <BR>    저금 할 수 있다면</P> <P>    얼마나 좋을까</P> <P><BR>    심심하거나 쓸데 없이</P> <P>    보내는 시간들을 모아 두었다가</P> <P>    시간이 모자라 안타까울때</P> <P>    쓸 수 있었으면 좋겠다.</P> <P><BR>    신경질 나고 짜증나는</P> <P>    불만의 시간들을 모아 두었다가</P> <P>    행복하고 즐거운 시간이</P> <P>    짧게 느껴질때 썼으면 좋겠다.</P> <P>    건강할때의 시간들을</P> <P>    모아두었다가 아플때 쓰고</P> <P>    착한 마음들의 시간들을</P> <P>    모아 두었다가</P> <P>    죄짓고 싶은 마음이 생길때</P> <P>    썼으면 좋겠다.</P> <P>    죄짓고 싶은 마음이 생길때</P> <P>    썼으면 좋겠다. <BR></font></MARQUEE></td></tr> </ul></br><BR></b></br></p><BR></BODY></HTML> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee7 filter</FONT></STRONG></P> <P><STRONG><FONT color=#0055ff>본문글에 filter을 넣어 글이 잘 보이게 처리한것</FONT></STRONG></P> <P><STRONG></STRONG> </P> <P><FONT color=#000000><HTML> <HEAD><TITLE> 그림 넣기 </TITLE></HEAD> <BR><FONT color=#0055ff><BODY BGCOLOR=BLACK></FONT><FONT color=#000000><</FONT>P ALIGN=CENTER><br><br><br><BR><table border=3 bordercolor=red cellpadding=5 cellspacing=15 width=500 height=375><BR><tr><td background=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375><BR><STRONG><FONT color=#7e41d9><font size=5  style='color:red;filter:glow(color=white);height:40px;'face=궁서체><b><pre><BR>    시간도 저금할수있다면 - 용혜원</font></b></pre><BR></FONT></STRONG><MARQUEE direction=up scrollamount=2 height=200></FONT></P> <P><SPAN style="FONT-SIZE: 10pt"><FONT color=#ff0000><font size=4 color=white face=궁서체 style='color:white;filter:glow(color=blue);height:40px;'></FONT><b><pre></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    시간도 돼지 저금통에</SPAN></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    동전을 넣듯이</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> </SPAN><BR><SPAN style="FONT-SIZE: 10pt">    저금 할 수 있다면</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    얼마나 좋을까</SPAN></FONT></P> <P><BR><FONT color=#000000>    <SPAN style="FONT-SIZE: 10pt">심심하거나 쓸데 없이</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    보내는 시간들을 모아 두었다가</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    시간이 모자라 안타까울때</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    쓸 수 있었으면 좋겠다.</SPAN></FONT></P> <P><BR><FONT style="FONT-SIZE: 10pt" color=#000000>    신경질 나고 짜증나는</FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    불만의 시간들을 모아 두었다가</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    행복하고 즐거운 시간이</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    짧게 느껴질때 썼으면 좋겠다.</SPAN></FONT></P> <P> </P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    건강할때의 시간들을</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    모아두었다가 아플때 쓰고</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    착한 마음들의 시간들을</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    모아 두었다가</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    죄짓고 싶은 마음이 생길때</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    썼으면 좋겠다.</SPAN></FONT></P> <P> </P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    죄짓고 싶은 마음이 생길때</SPAN></FONT></P> <P><FONT color=#0055ff><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    썼으면 좋겠다. </SPAN><BR><SPAN style="FONT-SIZE: 10pt"></MARQUEE> </ul></font></br></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></b></br></p></center></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></BODY></HTML> </SPAN></FONT></FONT></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"><FONT color=#0055ff>위의 소스에서 2번째줄의 <body bgcolor=black> 을 빼면 전체적으로 검정으로나온 바탕화면이 없어지고</FONT></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><FONT color=#6600ff>위의 보라색 부분이 제목글을 바탕에 고정시킨 소스 임.</FONT></SPAN></P> <P> </P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN><FONT style="FONT-SIZE: 10pt" color=#000000> <P><STRONG><FONT color=#0055ff>marquee7 filter + Music</FONT></STRONG></P> <P>(여기서부터는 html 태그를 규정대로 사용하지않았음)</FONT><FONT style="FONT-SIZE: 10pt" color=#0055ff><STRONG></STRONG></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt"> </SPAN><BR><FONT color=#ff0000><SPAN style="FONT-SIZE: 10pt"><center><br><br><br></SPAN><BR></FONT><SPAN style="FONT-SIZE: 10pt"><table border=3 bordercolor=blue cellpadding=5 cellspacing=15 width=500 height=375></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><tr><td background=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><font size=5  style='color:#FF00FF;filter:glow(color=white);height:40px;'face=궁서체><b><pre></SPAN><BR><SPAN style="FONT-SIZE: 10pt">    시간도 저금할수있다면 - 용혜원</font></b></pre></SPAN><BR><SPAN style="FONT-SIZE: 10pt"><MARQUEE direction=up <FONT color=#ff0000>scrollamount=2 height=200</FONT>> </SPAN><BR><SPAN style="FONT-SIZE: 10pt"><font size=4 color=white face=궁서체 style='color:white;filter:glow(color=blue);height:40px;'><FONT color=#ff0000><b><pre></FONT> </SPAN><BR><SPAN style="FONT-SIZE: 10pt">    시간도 돼지 저금통에</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    동전을 넣듯이</SPAN><BR><SPAN style="FONT-SIZE: 10pt"> </SPAN><BR><SPAN style="FONT-SIZE: 10pt">    저금 할 수 있다면</SPAN></FONT></P> <P><FONT color=#000000><SPAN style="FONT-SIZE: 10pt">    얼마나 좋을까</SPAN></FONT></P><FONT color=#000000> <P><BR><SPAN style="FONT-SIZE: 10pt">    심심하거나 쓸데 없이</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    보내는 시간들을 모아 두었다가</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    시간이 모자라 안타까울때</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    쓸 수 있었으면 좋겠다.</SPAN></P> <P><BR><SPAN style="FONT-SIZE: 10pt">    신경질 나고 짜증나는</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    불만의 시간들을 모아 두었다가</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    행복하고 즐거운 시간이</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    짧게 느껴질때 썼으면 좋겠다.</SPAN></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt">    건강할때의 시간들을</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    모아두었다가 아플때 쓰고</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    착한 마음들의 시간들을</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    모아 두었다가</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    죄짓고 싶은 마음이 생길때</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    썼으면 좋겠다.</SPAN></P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt">    죄짓고 싶은 마음이 생길때</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">    썼으면 좋겠다. </SPAN><BR><SPAN style="FONT-SIZE: 10pt"></MARQUEE> </ul></font></br></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></b></br></center></SPAN></P> <P><SPAN style="FONT-SIZE: 10pt"><</SPAN><FONT style="FONT-SIZE: 10pt" color=#0055ff><STRONG>embed src</STRONG></FONT><SPAN style="FONT-SIZE: 10pt">=http://pds17.cafe.daum.net/download.php?grpid=y9n8&fldid=4eWz&dataid=117&fileid=1??dt=20050817211843&disk=6&grpcode=tomogpeople&dncnt=N&.wma </SPAN><FONT style="FONT-SIZE: 10pt" color=#0055ff><STRONG>hidden=true autostart=true loop=-1</STRONG></FONT><SPAN style="FONT-SIZE: 10pt">></SPAN><BR><SPAN style="FONT-SIZE: 10pt"></embed></SPAN></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><SPAN style="FONT-SIZE: 10pt"> </P> <P><STRONG><FONT color=#0055ff>marquee7- filter + Music + bgcolor + TxtDown + Txtup </FONT></STRONG><BR><center><br><br><br><BR><table border=2 bordercolor=#556B2F cellpadding=5 cellspacing=30 <FONT color=#ff0000>bgcolor=#F0E68C</FONT> width=500 height=375><BR><tr><td background=http://juh0818.com.ne.kr/IMG/ab3.jpg width=500 height=375><BR><font size=5  style='color:white;filter:glow(color=#FF00FF);height:40px;'face=궁서체><b><pre><BR>    시간도 저금할수있다면 - 용혜원</font></b></pre><BR><marquee <FONT color=#ff0000>direction=</FONT><FONT color=#ff0000>down</FONT> scrollamount=2 <FONT color=#ff0000>behavior=slide</FONT> height="250"><BR><marquee <FONT color=#ff0000>direction=up</FONT> scrollamount=2  height="250"><BR><font size=4 color=white face=궁서체 style='color:white;filter:glow(color=blue);height:40px;'>  <b><pre><ul><ul><BR>시간도 돼지 저금통에 </SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">동전을 넣듯이<BR> <BR>저금 할 수 있다면</SPAN></P> <P><SPAN style="FONT-SIZE: 10pt">얼마나 좋을까</SPAN></P><SPAN style="FONT-SIZE: 10pt"> <P><BR>심심하거나 쓸데 없이</P> <P>보내는 시간들을 모아 두었다가</P> <P>시간이 모자라 안타까울때</P> <P>쓸 수 있었으면 좋겠다.</P> <P><BR>신경질 나고 짜증나는</P> <P>불만의 시간들을 모아 두었다가</P> <P>행복하고 즐거운 시간이</P> <P>짧게 느껴질때 썼으면 좋겠다.</P> <P> </P> <P>건강할때의 시간들을</P> <P>모아두었다가 아플때 쓰고</P> <P>착한 마음들의 시간들을</P> <P>모아 두었다가</P> <P>죄짓고 싶은 마음이 생길때</P> <P>썼으면 좋겠다.</P> <P><BR> </ul></pre></b></font></MARQUEE></br></td></tr></table></center><BR><embed src=http://pds17.cafe.daum.net/download.php?grpid=y9n8&fldid=4eWz&dataid=117&fileid=1??dt=20050817211843&disk=6&grpcode=tomogpeople&dncnt=N&.wma hidden=true autostart=true loop=-1><BR></embed></P> <P><center><font size=3 color=red face=바탕체><b<FONT color=#ff0000>>※각괄호 닫는 순서가 맞지 않을때는 시작되는 본문의 첫줄과 둘째줄의 글이 나오지 않는다</FONT></b></font></center></P> <P> </P> <P> </P> <P> </P> <P></SPAN> </P><SPAN style="FONT-SIZE: 10pt"> <P> </P></SPAN> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee8</FONT></STRONG></P> <P> </P> <P><center><br><br><BR><table border=3 bordercolor=blue cellspacing=5><BR><tr><td background=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375></center></br><BR><ul><b><font size="4" style='color:white;filter:glow(color=blue);height:33px;'face="바탕체">    <FONT color=#ff0000><STRONG>♡</STRONG></FONT>만나서기뻐요<FONT color=#ff0000><STRONG>♡</STRONG></FONT></b></font></ul><BR><FONT color=#ff00dd><STRONG><FONT color=#ff0000><marquee direction=up scrollamount=1></FONT><BR></STRONG></FONT><font size="3" style='color:white;filter:glow(color=blue);height:33px;'face="바탕체"><BR><b><pre><FONT color=#ff0000><STRONG><ul><ul><ul><ul></STRONG></FONT><font face=돋움체 size=3 color=white><BR>사람은 <BR>누구에게서나 배웁니다.</P> <P><BR>부족한 <BR>사람에게서는 부족함을.</P> <P><BR>넘치는<BR>사람에게서는 <BR>넘침을 배웁니다.</P> <P><BR>스스로를 <BR>신뢰하는 사람만이<BR>다른 사람에게 <BR>성실할 수 있습니다.</P> <P></font></pre></ul><BR></marquee><BR></td></tr></table><BR><embed src=http://pds43.cafe.daum.net/original/13/cafe/2008/07/06/15/27/487065c290991&token=20080718&.wma hidden=true autostart=true loop=-1></P> <P> </P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 11pt">※ 특수문자는 한글 ㅁ + 한자키 동시에 누르면 특수문자가 나옵니다. 선택하시면 됩니다.</SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 11pt">    나란히화살표를 누르면 특수문자 전체가 펼쳐집니다.</SPAN></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P><STRONG><FONT color=#0055ff>marquee8-1</FONT></STRONG></P> <P><STRONG><FONT color=#0055ff>(본문글이 위에서 아래로 채워진다음 위로 올라가기 그리고 음악바 보이게)</FONT></STRONG></P> <P> </P> <P><center><br><br><BR><table border=3 bordercolor=blue cellspacing=5><BR><tr><td background=http://juh0818.com.ne.kr/IMG/ab1.jpg width=500 height=375></center></br><BR><ul><b><font size="4" style='color:white;filter:glow(color=blue);height:33px;'face="바탕체">    ♡만나서기뻐요♡</b></font></ul><BR><FONT color=#ff00dd><STRONG><marquee direction=down scrollamount=1 behavior=slide height="250"><BR><marquee direction=up scrollamount=1 height="250"></STRONG></FONT></P> <P><font size="3" style='color:white;filter:glow(color=blue);height:33px;'face="바탕체"><BR><b><pre><ul><ul><ul><ul><font face=돋움체 size=3 color=white><BR>사람은 <BR>누구에게서나 배웁니다.</P> <P><BR>부족한 <BR>사람에게서는 부족함을.</P> <P><BR>넘치는<BR>사람에게서는 <BR>넘침을 배웁니다.</P> <P><BR>스스로를 <BR>신뢰하는 사람만이<BR>다른 사람에게 <BR>성실할 수 있습니다.</P> <P></font></pre></ul><BR></marquee><BR></td></tr></table><BR><center><BR><embed src=http://pds43.cafe.daum.net/original/13/cafe/2008/07/06/15/27/487065c290991&token=20080718&.wma  <FONT color=#ff0000><STRONG>autostart=true loop=-1</STRONG></FONT>></embed></center><BR></P> <P></FONT> </P> <P><FONT color=#000000>(위에서 연습한 예문들을 활용하여 작품을 만들어 보세요)</FONT></P> <P><STRONG><FONT color=#ff00dd>★    ★     ★     ★     ★     ★     ★     ★     ★     ★     ★     ★     ★</FONT></STRONG></P> <P> </P> <P> </P> <P> </P> <P><STRONG><SPAN style="FONT-SIZE: 12pt"><FONT color=#ff0000>7. 정  리</FONT></SPAN></STRONG></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt"> <BODY>태그의 속성</SPAN><BR><SPAN style="FONT-SIZE: 12pt">. BGCOLOR: 배경색</SPAN><BR><SPAN style="FONT-SIZE: 12pt">. BACKBROUND: 배경그림</SPAN><BR><SPAN style="FONT-SIZE: 12pt">. TEXT: 문서전체 글자색</SPAN><BR><SPAN style="FONT-SIZE: 12pt">FONT    (글자) 태그 </SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt"><B>  글자색 진하게 </B></SPAN><BR><SPAN style="FONT-SIZE: 12pt">FACE    (글자체-글자모양)</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><P>태그의 속성 : 단락을 크게 나눌때</SPAN><BR><SPAN style="FONT-SIZE: 12pt">. ALIGN: 정렬</SPAN><BR><SPAN style="FONT-SIZE: 12pt"> LEFT: 왼쪽 정렬</SPAN><BR><SPAN style="FONT-SIZE: 12pt"> CENTER: 가운데 정렬</SPAN><BR><SPAN style="FONT-SIZE: 12pt"> RIGHT: 오른쪽 정렬</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><BR> : 줄바꿈</SPAN><BR><SPAN style="FONT-SIZE: 12pt">MARQUEE (흐르는 문자)</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><PRE>.............. <br>를 넣어 줄바꿈을 하지않아도 쓰여진 그대로 반영함.</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><UL>............    들여쓰기 </ul></SPAN><BR><SPAN style="FONT-SIZE: 12pt"><P>............     밑줄넣기 </p></SPAN><BR><SPAN style="FONT-SIZE: 12pt"><TABLE>........속성, 테이블을 시작</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><TR>...............테이블의 한행(줄)을 시작</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><TD>~</TD>..테이블의 한셀(칸)을 시작하고 끝</SPAN><BR><SPAN style="FONT-SIZE: 12pt"><TD>~</TD>..테이블의 두 번째셀(칸)을 시작하고 끝</SPAN><BR><SPAN style="FONT-SIZE: 12pt"></TR>..............테이블의 한행(줄)을 종료</SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">WIDTH : 가로</SPAN><BR><SPAN style="FONT-SIZE: 12pt">HEIGHT : 세로</SPAN><BR><SPAN style="FONT-SIZE: 12pt">BACKGROUND : 배경그림</SPAN><BR><SPAN style="FONT-SIZE: 12pt">BGCOLOR : 배경색</SPAN></FONT></P> <P><FONT color=#ff0000><U><SPAN style="FONT-SIZE: 12pt">BORDER : 바깥테두리의 굵기</SPAN><BR></U><SPAN style="FONT-SIZE: 12pt">BORDERCOLOR : 테두리 색깔</SPAN></FONT><BR><FONT color=#ff0000><U><SPAN style="FONT-SIZE: 12pt">CELLSPACING : 셀간의 간격</SPAN><BR></U><SPAN style="FONT-SIZE: 12pt">CELLPADDING : 셀안 간격(바탕에 인접한 간격)  </SPAN></FONT></P> <P> </P> <P style="TEXT-ALIGN: left"><img src="https://t1.daumcdn.net/cfile/cafe/20333D3E4D8B796501" class="txc-image" style="CLEAR: none; FLOAT: none" actualwidth="422" hspace="1" width="422" vspace="1" border="0" id="A_20333D3E4D8B796501935D"/></P> <P></P> <P><FONT color=#0055ff><FONT color=#000000><FONT color=#ff0000><U></U></FONT></FONT></FONT> </P> <P><FONT color=#0055ff><FONT color=#000000><FONT color=#ff0000><U></U></FONT></FONT></FONT> </P> <P><FONT color=#0055ff><FONT color=#000000><FONT color=#ff0000><U><SPAN style="FONT-SIZE: 12pt"><EMBED SRC="음악주소“></SPAN><BR></U><SPAN style="FONT-SIZE: 12pt"> 속성 : loop=n/-1(반복여부) hidden=true/false(숨기기 여부) autostart=true/false(자동재생 <FONT color=#ff0000>여부</FONT></SPAN></FONT></FONT></FONT><FONT color=#ff0000>)</FONT></P> <P><FONT color=#ff0000>            <SPAN style="FONT-SIZE: 12pt"><SPAN> loop=n   ....... 1회만     </SPAN></SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">           </SPAN></SPAN><SPAN style="FONT-SIZE: 12pt">loop=-1  계속반복</SPAN></SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">           </SPAN></SPAN><SPAN style="FONT-SIZE: 12pt">hidden=true ....... 음악바가 안보임    </SPAN></SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">           </SPAN><SPAN style="FONT-SIZE: 12pt">hidden=false ..... 음악바가 나타남.(음악바가 보이니까 도중에 중지가능)</SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">           </SPAN><SPAN style="FONT-SIZE: 12pt">autostart=true .....자동재생</SPAN></FONT></P> <P><FONT color=#ff0000><SPAN style="FONT-SIZE: 12pt">           </SPAN><SPAN style="FONT-SIZE: 12pt">autostart=false....수동</SPAN></FONT><FONT style="FONT-SIZE: 11pt" color=#0055ff><FONT style="FONT-SIZE: 12pt" color=#000000></P> <P></FONT></FONT><SPAN style="FONT-SIZE: 12pt"> </SPAN></P> <P><SPAN style="FONT-SIZE: 12pt"> </P> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"></DIV></DIV> <P></SPAN></SPAN><SPAN style="FONT-SIZE: 11pt">무료계정 얻기</SPAN></P> <P><SPAN style="FONT-SIZE: 11pt">자기집 컴에 있는것은 자기만 볼수있지 인터넷상의 남들은 볼수가 없다. <BR>인터넷상의 다른사람들이 보려면 계정에 올려야한다. 여기서 계정이란 쉽게말해서 인터넷상의 나만의 하드디스크 공간이다. 이곳에 그림, 음악, 동영상을 올려야다른 사람들이 볼수 있다. <BR>자기 컴에있는것은 다른사람들이 전혀 볼수가 없다.<BR>그렇다면 이 계정은 어떻게 얻느냐구요? 계정은 무료계정과 유료계정이 있다.<BR>무료계정은 말 그대로 무료인데, 컴내꺼가 대표적이다. 사이트에 가입하면 무료로 20mb ~ 30Mb 정도의 공간을 준다. <BR>무료계정은 무엇보다도 무료라는게 좋지만 공간(용량)이 적고, 파일크기가 큰것(보통 1Mb 이상)은 올릴수가 없고, 일일트래픽이 적어서 많은 방문객을 감당하기 힘들다는 단점이 있다.<BR>그래서 그림파일을 올리는건 가능하지만 음악파일이나 동영상을 올리는건 현실적으로 불가능하다. <BR>게다가 요즘 저작권법 개정으로 이런거 함부로 못올린다.<BR>유료계정은 돈을 주고 계정을 사는건데 무료보다 공간도 많이주고 빠르고, 안정적이고, 좋은점이 많다.</SPAN></P> <P><SPAN style="FONT-SIZE: 11pt">1. 국가지방 환경청 마이홈 무료계정<BR>   무료홈페이지 계정 <A href="http://www.konetic.or.kr/myhome2">http://www.konetic.or.kr/myhome2</A><BR>2. 미리내    <A href="http://mireene.com/">http://mireene.com</A><BR>3. 더플 <A href="http://com.ne.kr/">http://com.ne.kr</A><BR>   등.. 회원가입후 무료계정 이용하기.</SPAN></P> <P><SPAN style="FONT-SIZE: 11pt"> </SPAN></P> <P><SPAN style="FONT-SIZE: 11pt"> </SPAN></P> <P><SPAN style="FONT-SIZE: 11pt"> </SPAN></P> <P><SPAN style="FONT-SIZE: 11pt">8-1 컴내꺼에 파일올리고 활용하기</SPAN></P> <P><SPAN style="FONT-SIZE: 11pt">   1. 컴내꺼 홈페이지 접속하기(<A href="http://www.com.ne.kr/">www.com.ne.kr</A>) 로그인하기<BR>   2. 홈페이지 오른쪽 상단에 있는 홈계정 컴내꺼 클릭</SPAN></P><SPAN style="FONT-SIZE: 11pt"> <P><BR>3. 전문가 모드로 변경하기</P> <P>   <<홈제작 모드 안내>><BR>   중급, 전문가 2가지 모드 지원 중에서 전문가(HTML 고급) 홈페이지 제작기 클릭<BR>4. 폴드 만들기<BR>   파일관리의 홈페이지 제작 클릭 -> 폴드이름 입력하고 폴더만들기 클릭<BR>5. 파일 업로드 하기<BR>   ㄱ. [전문가용(HTML 고급) 홈페이지 제작기] 클릭<BR>   ㄴ. [WEB]파일 업로드 클릭 -> 폴더 선택 > [찾아보기]클릭 -> 계정에 올릴 파일 찾아서 열기 -> [파일업로드]</P> <P>6. 파일 확인하기<BR>  파일관리의 홈페이지 제작기 클릭 - 폴드클릭 - 폴드안의 업로드한 제목 클릭-URL 혹은 IMG 복사함.</P> <P>7. 파일 삭제하기<BR>   파일관리의 홈페이지 삭제기클릭 - 폴드클릭 - 폴드안의 업로드된 제목앞에 체크표시함 - 선택한파일삭제클릭 </P> <P> </P> <P> </P> <P> </P> <P> </P> <P>한번더..</P> <P>▣ 다른 사이트의 무료계정에서 업로드할 때:</P> <P>인터넷열고 주소줄에 한글로 ‘컴내꺼’ 입력하고 엔터. </P> <P>더플 Theple.com 혹은 <A href="http://www.com.ne.kr/">http://www.com.ne.kr/</A> 바로가기 클릭.</P> <P><BR>회원가입하되 꼭[고급] [전문가]로 설정해야 한다. </P> <P><BR>▣ 홈계정 클릭-전문가(HTML)고급 홈페이지제작기 클릭-파일관리의 홈페이지제작기 클릭 </P> <P>-폴드만들기의 네모안 에 Img 써넣고 폴드만들기 클릭하면 Img의 폴드하나가 생겼다. </P> <P>▣ 업로드 할때:</P> <P>홈계정--->전문가모드(HTML고급)--->파일업로드의 ▶WEB파일 업로드--->My홈계정(Server)의 네모칸의 http://... 옆의 역삼각 클릭-->My컴퓨터(Computer)</P> <P>의 네모칸옆의 찾아보기 클릭하여 이미지 혹은 html작품을 넣고 옆의 ⇑파일업로드 클릭한다.</P> <P><BR>▣ 그림 한 장을 업로드해보자</P> <P>파일업로드의 [WEB]파일업로드 클릭-My 홈계정(Server)의 우측네모안에 본인의 아이디가 써져있는 우측의 늘어진 목록상자를 클릭하면 만들어넣은 Img가 본인의 아이디끝에붙어 나타난것을 클릭한다. 바로아래의 마이컴퓨터 찾아보기를 클릭하여 업로드 하고자하는 그림을 찾아서 열기하면 네모안에 글이 들어간다 그 옆의 빨강색 파일업로드를 클릭한다. </P> <P>한번에 3장을 할 수있다.</P> <P>성공적으로 업로드 되었습니다가 나오면 확인하고 다시 좌측 폴드의 Img를 클릭하면 그기에 지금 업로드시킨 그림의 파일이름이 나와있다 바로 더블클릭하면 이미지가 뜬다. 위의 주소줄에 나와있는 주소를 복사해도되고 만약에 그림이 뜨지않으면 이미지글위에서 마우스 우클릭- 속성을 복사해와도된다. 그림의 크기도 반드시 기록해 놓는다.</P> <P><BR>★ 링크를 걸때는 먼저 만들어놓은 HTML작품이 있어야하며 작품의 이름은 반드시 영문 혹은 숫자로 기록되어 있어야하며 컴내꺼에서 링크폴드를 만들어놓고 위의 4번에서 그림을 업로드 할때와 방법은같다. 파일업로드의 [WEB]파일업로드 클릭-My 홈계정(Server)의 우측네모안에 본인의 아이디가 써져있는 우측의 늘어진 목록상자를 클릭하면 만들어넣은 link가 본인의 아이디끝에붙어 나타난것을 클릭한다. 바로아래의 마이컴퓨터 찾아보기를 클릭하여 업로드하고자하는 HTML작품을 찾아서 열기하면 네모안에 글이들어간다 그 옆의 빨강색 파일업로드를 클릭한다. 과정을 기다렸다가 업로드된 작품을 다시 찾아들어간다. link클릭하면 그안에 지금 업로드한 HTML작품을 볼 수있다. 더블클릭하면 작품이 활성된다. 주소줄의 주소를 복사해와서 인터넷에서 글쓰기--제목--HTML에 체크하고--본문란에 아래와같이</P> <P><STRONG><FONT color=#ff0000><a href="</FONT></STRONG><A href='http://......html"><font/'><STRONG><FONT color=#ff0000>http://......html"><font</FONT></STRONG></A><STRONG><FONT color=#ff0000> size=3 color=black face=바탕체></FONT></STRONG></P> <P><STRONG><FONT color=#ff0000>여기를 클릭하세요</font></a></FONT></STRONG></P> <P>위의 소스에서 쌍콤마와 쌍콤마 사이에 컴내꺼에서 복사해온 주소를 붙여넣기 하면된다.</P> <P> </P> <P>  </P> <P>영상시 메일로 보내기</P> <P>1. <A href="http://www.feelpoem.com/">www.feelpoem.com</A>에 접속</P> <P>문학가 산책<BR>좋은시    추천시<BR>좋은글.......문화강좌<BR>영상시.......추천영상시<BR>좋은책.......문학소식          왼쪽 메뉴에서 [추천영상시] 클릭</P> <P>2. 목록중에 마음에 드는 시를 찾는다 (제목을 클릭하여 시를 확인한다)</P> <P>3. [게시물 소스보기]클릭하면 소스를 볼 수있다.<BR>   블록지정하여 소스복사</P> <P>4. [다음] <A href="http://www.daum.net/">www.daum.net</A>으로 이동하여 메일로이동-편지스기 클릭<BR>   받는이와 제목 쓰고 내용란 상단에 [소스편집] 체크후 붙여넣기.</P> <P>5. [편지보내기] 바로 위에 [메일 미리보기]를 클릭하면 어떤 모양으로 보내지는지 알수있다.<BR>6. 마음에들면 편지보내기를 누른다.</P> <P> </P> <P> </P> <P>태그소스 활용하기</P> <P>시마을 --로그인--태그소스<BR>원하는 이미지에 반짝이는 별과 옆으로 가는 파란하트 넣기<BR>움직이는 조각배 넣기.</P> <P> </P> <P><center><br><BR><table background=http://anms09.com.ne.kr/pic/aa.jpg border=0 cellspacing=0 bordercolor=red><BR><tr><td width=400 height=296><BR><embed src=http://cathy.junehost.com/sauce/23.swf width=400 height=232 wmode=transparent><BR></td></tr><BR><tr><td bgcolor=#000000><BR><center><BR><font color=#f4a460 face=돋움><BR><br><br><BR>물고기의말 <br><br><BR> - 김형술 -<br><br><BR>물고기의 혀는 천 개<br><BR>혹은 달<br><br><BR>가만히 혀를 밷어 모래 속에 묻는다<br><BR>물고기의 모국어는 침묵<br><BR><embed src=http://cathy.junehost.com/sauce/31.swf width=400 height=100 wmode=transparent><BR></font></center></td></tr></table></br></P> <P> </P> <P>★ 위의 EMBED SRC=http://cathy.junehost.com/sauce/31.swf 는 음악주소가 아닌 SwishMax작품의 소스임<BR></SPAN></P> <DIV class=O v:shape="_x0000_s1026"><SPAN style="FONT-SIZE: 133%; FONT-FAMILY: 굴림"> <DIV class=O v:shape="_x0000_s1026"> <DIV style="mso-line-spacing: '80 20 0'; mso-margin-left-alt: 216; mso-char-wrap: 1; mso-kinsoku-overflow: 1; mso-word-wrap: 0"></DIV></DIV></DIV></SPAN>

카페정보

창공마당

카페 전체 메뉴

▲

카페 게시글

목록 이전글 다음글

정보통신 소식 스크랩 HTML 시작하기

딱부리 추천 0 조회 123 14.07.17 13:45 댓글 1

게시글 본문내용

다음검색

출처: 비공개 입니다

댓글

푸른하늘
14.08.05 00:35

첫댓글 조회한 사람 조회하여 수업료 달라고 하시지 않겠지요?

검색 옵션 선택상자

댓글내용선택됨 옵션 더 보기

댓글내용

댓글 작성자

연관검색어

환율

환자

환기

최신목록