기초태그 총정리

<div class="figure-html" data-ke-type="html" data-source="<center> <table width=700><tr><td> ◈ 기초태그 총정리 <pre> ▶marquee: 왼쪽으로 움직이게 하는 명령어 ▶direction: 움직임의 방향을 결정 ▶scrollamount: 움직임의 속도결정(스크롤의 보폭) ▶loop: 얼마만큼 반복해 줄것인가를 결정케함 ▶@: 글씨를 눕혀보이고자 할때 ▶behavior=alternate: 움직이다 멈춤을 결정케함 ▶width: 가로폭결정 ▶height: 세로폭결정 ▶font: 글꼴지정 ▶font size: 글씨 크기결정 ▶font color: 글씨 색 결정 ▶font face: 글씨체 결정 ▶background: 배경 그림 결정 ▶bgcolor: 바탕색 결정 ▶src: 경로/주소 ▶img: 그림삽입 ▶embed: 동영상,사운드 삽입 ▶align=top: 정렬 위로 ▶align=center: 정렬 중앙 ▶align=bottom: 정렬 아래 ▶br: 엔터 한번 효과 ▶p: 엔터 두번 효과 ▶(hr)..(/hr): 수평선 그리기 ▶(u)..(/u): 밑줄 긋기 ▶(b)..(/b): 굵은 글씨체 만들기 ▶(ol)..(/ol): 목록 태그 ▶(sub)..(/sub): 아래 첨자 ▶(sup)..(/sup): 윗 첨자 ▶(pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함 ▶alt: 그림설명 ▶(table)..(/table): 표를 만들기 위한 태그 ▶border: 테두리 두께 결정 ▶(td)..(/td): 셀의 내용지정 ▶(tr)..(/tr): td를 사용할때 시작과 끝남 결정 ▶bordercolor: 테두리 색결정 ▶cellspacing: 셀과 테두리와의 간격 결정 ▶cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정 ▶rowspan: 세로줄을 합치게 함 ▶colspan: 가로줄을 합치게 함 ▶html: html문서의 시작 ▶head: html문서의 머리 ▶(title)..(/title): html문서의 제목과 끝 ▶(body)..(/body): html문서의 본문과 끝 ▶/html: html문서의 끝 ▶(a)..(/a): 하이퍼 텍스트 연결(링크) ▶glow: 필터속성중의 하나 ▶shadow: 필터속성중의 하나 ▶alpha: 필터속성중의 하나 ▶glow: 필터속성중의 하나 ▶blur: 필터속성중의 하나 ▶wave: 필터속성중의 하나 ▶xray: 필터속성중의 하나 ▶invert: 필터속성중의 하나 ▶gray: 필터속성중의 하나 ▶(style=filter:fliph()).. (/span): 그림의 좌우바꾸기 ▶(span style=filter:fliph ();height:1px;)...(/span): 글씨의 좌우바꾸기 ▶(span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기 ▶bordercolorlight: 테두리의 위쪽모서리색 지정 ▶bordercolordark: 테두리의 아래쪽모서리색 지정 ▶(frameset)..(frameset): 프레임을 어떻게 나눌지 결정 ▶frameset cols: 창을 좌우로 나눔 결정 ▶frameset rows: 창을 상하로 나눔 결정 ▶(applet‎&lrm;&lrm;)..(/applet‎&lrm;&lrm;): 자바 애플릿 삽입 ▶(script)..(/script): 자바 스크립트 삽입</pre><pre> </pre>&nbsp;<table width="902" style="width: 902px; color: rgb(0, 0, 0); font-family: &quot;Ubuntu Condensed&quot;, &quot;Noto Sans Korean&quot;; font-size: 15px; border-collapse: collapse; max-width: 100%; background-color: rgb(255, 255, 255);" border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="65" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">형 식</td><td width="178" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">구&nbsp; 성</td><td width="326" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">내&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 용</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 문서의 기본 구조를 나타내 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;HTML&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;HTML&gt;...&lt;/HTML&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;HTML 언어로 작성되어 있다는 것을 알려줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;HEAD&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;HEAD&gt;...&lt;/HEAD&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;Heading의 준말로 글의 머리말에 해당합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TITLE&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TITLE&gt;...&lt;/TITLE&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;타이틀바에 새겨질 글자를 정의합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY&gt;...&lt;/BODY&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;본문에 해당하는 부분을 알려줍니다.&nbsp;</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;Hn&gt;</td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;Hn&gt;...&lt;/Hn&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;표제 부분에 들어갈 말을 정의합니다. 1～6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본 값은 H4입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;">&lt;!-...-&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;">&lt;!-주석내용-&gt;&nbsp;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 30px;">&nbsp;주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 문단 혹은 줄을 바꾸는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;P&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;P&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;문단을 바꾸는 태그입니다. 줄 바꿈과 동시에 줄을 띈 것 같은 효과가 나타납니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BR&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;문단을 바꾸는 태그입니다. 줄 바꿈의 역할만을 수행합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;">&lt;PRE&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;">&lt;PRE&gt;...&lt;/PRE&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 30px;">&nbsp;여백이나 줄 간격 등을 고정시켜 주는 역할을 합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 글자의 크기를 마음대로 조절하는 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FONT&gt;</td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FONT SIZE=n&gt;...&lt;/FONT&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1～7이며 7이 가장 큰 크기입니다. 기본 값은 3입니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px; height: 30px;" colspan="3">♣ 선 그리기 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;">&lt;HR&gt;</td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;">&lt;HR ARIGN=nWIDTH=n SIZE=n&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;">&nbsp;입체적인 선을 그려줍니다,&nbsp; ALLIGN은 선의 정렬을 WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다. (※ n=숫자..^^)</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 목록을 정리해 주는 태그</td></tr><tr><td width="65" height="59" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="5">&lt;LI&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;UL&gt;...&lt;/UL&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;순서가 없는 목록으로 일반적인 나열을 말합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;OL&gt;...&lt;/OL&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;순서가 있는 목록으로 위에서부터 번호를 매깁니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;MENU&gt;...&lt;/MENU&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;메뉴 목록으로 그리 길지 않은 문장의 열거에 사용합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;DIR&gt;...&lt;/DIR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;DL&gt;...&lt;/DL&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;정의 목록 태그입니다. &lt;LI&gt;가 아닌 &lt;DT&gt;와 &lt;DD&gt;를 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px; height: 30px;" colspan="3">♣ 문서를 가운데로 정렬시켜 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CENTER&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CENTER&gt;...&lt;/CENTER&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;전체 문정을 가운데로 정렬시켜 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 인용하기 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BLOCKQUOTE&gt;</td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BLOCKQUOTE&gt;...&lt;/BLOCKQUOTE&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;문장 내에서 인용을 할 경우 들여 쓰기를 한 후 인용구로 처리합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 글자의 모양을 정의해 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;STRONG&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;STRONG&gt;...&lt;/STRONG&gt;</td><td width="326" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="2">&nbsp;굵은 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;B&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;B&gt;...&lt;/B&gt;</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;EM&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;EM&gt;...&lt;/EM&gt;</td><td width="326" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="2">&nbsp;이탤릭체의 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;I&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;I&gt;...&lt;/I&gt;</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;KBD&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;KBD&gt;.../&lt;KBD&gt;</td><td width="326" height="35" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="3">&nbsp;타자기체의 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CODE&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CODE&gt;...&lt;/CODE&gt;</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TT&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TT&gt;...&lt;/TT&gt;</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 배경 이미지 작업하기</td></tr><tr><td width="65" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2">&lt;BODY&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY BACKGROUNG="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;배경 이미지를 띄워줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY BGCOLOR="#nnnnnn"&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;배경 색깔을 지정해 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 그 밖의 태그들</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;DFN&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;DFN&gt;...&lt;/DFN&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;정의되어지는 단어에 대한 것을 말합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CITE&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;CITE&gt;...&lt;/CITE&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;책이나 사진 등의 제목을 말할 때 쓰입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SAMP&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SAMP&gt;...&lt;/SAMP&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;컴퓨터 상에 메시지를 나타낼 때 쓰입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;VAR&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;VAR&gt;...&lt;/VAR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이탤릭체로 표현됩니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SUB&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SUB&gt;...&lt;/SUB&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;첨자에 관한 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SUP&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SUP&gt;...&lt;/SUP&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;윗첨자를 나타냅니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;">&lt;BASEPOINT&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;">&lt;BASEPOINT&gt;... &lt;BASEPOINT&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;">&nbsp;기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 부분을 강조해 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BLINK&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BLINK&gt;...&lt;/BLINK&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;글자를 깜박이게 해줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;U&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;U&gt;...&lt;/U&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;글자에 밑줄을 그어줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">연결하기 태그</td></tr><tr><td width="65" height="26" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2">&lt;A&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;A HREF=“...”&gt;...&lt;/A&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;다른 홈페이지와 연결 시켜줍니다.</td></tr><tr><td width="178" height="14" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;A NAME="..."&gt;...&lt;/A&gt;</td><td width="326" height="14" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;자신의 홈페이지 내에서 연결해 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 주소 및 편지 쓰기</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;ADDRESS&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;ADDRESS&gt;... &lt;/ADDRESS&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;주소에 대한 정의를 내려줍니다.</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;MAILTO&gt;</td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;A HREF="MAILTO..."&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;편지 쓰기 창을 띄워 줍니다.&nbsp;&lt;A HERF="https://cafe.daum.net/kyo530<a href="https://cafe.daum.net/kyo530" target="_blank"></a>"&gt; 멜을 보내자!!&lt;/A&gt;</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 색상 지정하기</td></tr><tr><td width="65" height="47" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 220px;" rowspan="4">&lt;BODY&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY TEXT="#nnnnnn"&gt;...&lt;/BODY&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;글자색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY LINK="#nnnnnn"&gt;...&lt;/BODY&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;하이퍼링크의 색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;BODY VLINK="#nnnnnn"&gt;...&lt;/BODY&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;">&lt;BODY ALINK="#nnnnnn"&gt;...&lt;/BODY&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;">&nbsp;누르고 있는 동안의 색을 지정합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 이미지 다루기에 필요한 태그</td></tr><tr><td width="65" height="82" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="7">&lt;IMG&gt;</td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지를 정의해줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..." ALIGN=...&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지의 정렬 상태를 나타내 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..." WIDTH="..." HEIGHT="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지의 크기를 조절해 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..." LOWSRC="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지를 JPEG파일로 나타내 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..."VSPACE= HSPACE=&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지의 여백을 조절해 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..." BORDER="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지의 태두리선을 조절합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;IMG SRC="..." ALT="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">&nbsp;이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.</td></tr></tbody></table>&nbsp;<table width="904" style="width: 904px; color: rgb(0, 0, 0); font-family: &quot;Ubuntu Condensed&quot;, &quot;Noto Sans Korean&quot;; font-size: 15px; border-collapse: collapse; max-width: 100%; background-color: rgb(255, 255, 255);" border="1" cellspacing="0" cellpadding="10"><tbody><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ 창 만들기 태그</td></tr><tr><td width="65" height="82" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="7">&lt;FRAME&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FRAMESET&gt;...&lt;/FRAMESET&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;창의 기본 틀을 지정합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 53px;">&lt;FRAMESET ROW= "숙자 혹은 %“&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px; height: 53px;">&nbsp;위 아래로 나눠줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FRAME COLS= “숫자 혹은%”&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;좌우로 나눠줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FRAME SRC="..." MARGINHEIGHT="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;창에 들어갈 상하 여백을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FRAME SCROLLING="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;스크롤바를 설정해 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;NOFRAMES&gt;...&lt;/NOFRAMES&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;프레임이 안보이게 해줍니가.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FRAME SRC="..." MARGINWIDTH="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;창에 들어갈 좌우 여백을 설정해 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SELECT&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SELECT NAME="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;선택 사항 상자를 만들어 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;NOBR&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;NOBR&gt;...&lt;/NOBR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;화면 크기에 따라 문단이 바뀌는 것을 방지합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&nbsp;&lt;WBR&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;WBR&gt;...&lt;/WBR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;위의 태그 안에서 문단을 바꿀 때 사용합니다.</td></tr><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ CGI 양식 첨가하기</td></tr><tr><td width="65" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2">&lt;FORM&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FORM&gt;...&lt;/FORM&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;양식을 정의 합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FORM METHOD="..." ACTION="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;양식의 방법을 정의합니다.</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TEXTAREA&gt;</td><td width="179" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TEXTAREA NAME="..." ROWS="..."&gt;</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;글틀 상자를 정의합니다.</td></tr><tr><td width="65" height="59" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="5">&lt;INPUT&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;INPUT TYPE="..."&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;어떤 형태로 입력할 것인지를 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;INPUT TYPE="RADIO"&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;라디오 단추를 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;INPUT TYPE="CHECKBOX"&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;체크 상자를 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;INPUT TYPE="SUBMIT"&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;제출 버튼을 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;INPUT TYPE="RESET"&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;취소 버튼을 만들어 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SELECT&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;SELECT NAME="..."</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;선택 사항 상자를 만들어 줍니다.</td></tr><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ 표 만들기 태그</td></tr><tr><td width="65" height="70" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="6">&lt;TABLE&gt;</td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TABLE BORDER&gt;...&lt;/TABLE&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;표의 전체 형식을 나타냅니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;표 내부에 들어갈 형식을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TD COLSRAN=n&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;가로칸을 n만큼 합쳐줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TD ROWSPAN=n&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;세로칸을 n만큼 합쳐줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TD ALIGN=...&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;표안의 좌우 정렬 방식을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;TD VALIGN=...&gt;</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;표안의 상하 정렬 방식을 정의합니다.</td></tr><tr><td width="65" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FONT&gt;</td><td width="179" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">&lt;FONT COLOR="..."&gt;...&lt;/FONT&gt;</td><td width="326" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;">&nbsp;글자색을 바꾸고 싶은 것으로 마음대로 바꾼다. </td></tr></table></td></tr></table>"><div data-ke-class="article"><center> <table width=700><tr><td> ◈ 기초태그 총정리 <pre> ▶marquee: 왼쪽으로 움직이게 하는 명령어 ▶direction: 움직임의 방향을 결정 ▶scrollamount: 움직임의 속도결정(스크롤의 보폭) ▶loop: 얼마만큼 반복해 줄것인가를 결정케함 ▶@: 글씨를 눕혀보이고자 할때 ▶behavior=alternate: 움직이다 멈춤을 결정케함 ▶width: 가로폭결정 ▶height: 세로폭결정 ▶font: 글꼴지정 ▶font size: 글씨 크기결정 ▶font color: 글씨 색 결정 ▶font face: 글씨체 결정 ▶background: 배경 그림 결정 ▶bgcolor: 바탕색 결정 ▶src: 경로/주소 ▶img: 그림삽입 ▶embed: 동영상,사운드 삽입 ▶align=top: 정렬 위로 ▶align=center: 정렬 중앙 ▶align=bottom: 정렬 아래 ▶br: 엔터 한번 효과 ▶p: 엔터 두번 효과 ▶(hr)..(/hr): 수평선 그리기 ▶(u)..(/u): 밑줄 긋기 ▶(b)..(/b): 굵은 글씨체 만들기 ▶(ol)..(/ol): 목록 태그 ▶(sub)..(/sub): 아래 첨자 ▶(sup)..(/sup): 윗 첨자 ▶(pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함 ▶alt: 그림설명 ▶(table)..(/table): 표를 만들기 위한 태그 ▶border: 테두리 두께 결정 ▶(td)..(/td): 셀의 내용지정 ▶(tr)..(/tr): td를 사용할때 시작과 끝남 결정 ▶bordercolor: 테두리 색결정 ▶cellspacing: 셀과 테두리와의 간격 결정 ▶cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정 ▶rowspan: 세로줄을 합치게 함 ▶colspan: 가로줄을 합치게 함 ▶html: html문서의 시작 ▶head: html문서의 머리 ▶(title)..(/title): html문서의 제목과 끝 ▶(body)..(/body): html문서의 본문과 끝 ▶/html: html문서의 끝 ▶(a)..(/a): 하이퍼 텍스트 연결(링크) ▶glow: 필터속성중의 하나 ▶shadow: 필터속성중의 하나 ▶alpha: 필터속성중의 하나 ▶glow: 필터속성중의 하나 ▶blur: 필터속성중의 하나 ▶wave: 필터속성중의 하나 ▶xray: 필터속성중의 하나 ▶invert: 필터속성중의 하나 ▶gray: 필터속성중의 하나 ▶(style=filter:fliph()).. (/span): 그림의 좌우바꾸기 ▶(span style=filter:fliph ();height:1px;)...(/span): 글씨의 좌우바꾸기 ▶(span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기 ▶bordercolorlight: 테두리의 위쪽모서리색 지정 ▶bordercolordark: 테두리의 아래쪽모서리색 지정 ▶(frameset)..(frameset): 프레임을 어떻게 나눌지 결정 ▶frameset cols: 창을 좌우로 나눔 결정 ▶frameset rows: 창을 상하로 나눔 결정 ▶(applet‎&lrm;&lrm;)..(/applet‎&lrm;&lrm;): 자바 애플릿 삽입 ▶(script)..(/script): 자바 스크립트 삽입</pre><pre> </pre> <table width="902" style="width: 902px; color: rgb(0, 0, 0); font-family: "Ubuntu Condensed", "Noto Sans Korean"; font-size: 15px; border-collapse: collapse; max-width: 100%; background-color: rgb(255, 255, 255);" border="1" cellspacing="0" cellpadding="0"><tbody><tr><td width="65" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">형 식</td><td width="178" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">구  성</td><td width="326" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;">내            용</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 문서의 기본 구조를 나타내 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><HTML></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><HTML>...</HTML></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> HTML 언어로 작성되어 있다는 것을 알려줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><HEAD></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><HEAD>...</HEAD></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> Heading의 준말로 글의 머리말에 해당합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TITLE></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TITLE>...</TITLE></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 타이틀바에 새겨질 글자를 정의합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY>...</BODY></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 본문에 해당하는 부분을 알려줍니다. </td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><Hn></td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><Hn>...</Hn></td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 표제 부분에 들어갈 말을 정의합니다. 1～6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본 값은 H4입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;"><!-...-></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;"><!-주석내용-> </td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 30px;"> 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 문단 혹은 줄을 바꾸는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 문단을 바꾸는 태그입니다. 줄 바꿈과 동시에 줄을 띈 것 같은 효과가 나타납니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"> </td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"> </td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 문단을 바꾸는 태그입니다. 줄 바꿈의 역할만을 수행합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;"><PRE></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 30px;"><PRE>...</PRE></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 30px;"> 여백이나 줄 간격 등을 고정시켜 주는 역할을 합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 글자의 크기를 마음대로 조절하는 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1～7이며 7이 가장 큰 크기입니다. 기본 값은 3입니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px; height: 30px;" colspan="3">♣ 선 그리기 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;"><HR></td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;"><HR ARIGN=nWIDTH=n SIZE=n></td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;"> 입체적인 선을 그려줍니다,  ALLIGN은 선의 정렬을 WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다. (※ n=숫자..^^)</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 목록을 정리해 주는 태그</td></tr><tr><td width="65" height="59" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="5"><LI></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><UL>...</UL></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 순서가 없는 목록으로 일반적인 나열을 말합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><OL>...</OL></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 순서가 있는 목록으로 위에서부터 번호를 매깁니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><MENU>...</MENU></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 메뉴 목록으로 그리 길지 않은 문장의 열거에 사용합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><DIR>...</DIR></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><DL>...</DL></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 정의 목록 태그입니다. <LI>가 아닌 <DT>와 <DD>를 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px; height: 30px;" colspan="3">♣ 문서를 가운데로 정렬시켜 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CENTER></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CENTER>...</CENTER></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 전체 문정을 가운데로 정렬시켜 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 인용하기 태그</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BLOCKQUOTE></td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BLOCKQUOTE>...</BLOCKQUOTE></td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 문장 내에서 인용을 할 경우 들여 쓰기를 한 후 인용구로 처리합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 글자의 모양을 정의해 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="2"> 굵은 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="2"> 이탤릭체의 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><KBD></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><KBD>.../<KBD></td><td width="326" height="35" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;" rowspan="3"> 타자기체의 글씨를 나타내 주는 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CODE></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CODE>...</CODE></td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TT></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TT>...</TT></td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 배경 이미지 작업하기</td></tr><tr><td width="65" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2"><BODY></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY BACKGROUNG="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 배경 이미지를 띄워줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY BGCOLOR="#nnnnnn"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 배경 색깔을 지정해 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 그 밖의 태그들</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><DFN></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><DFN>...</DFN></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 정의되어지는 단어에 대한 것을 말합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CITE></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><CITE>...</CITE></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 책이나 사진 등의 제목을 말할 때 쓰입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SAMP></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SAMP>...</SAMP></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 컴퓨터 상에 메시지를 나타낼 때 쓰입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><VAR></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><VAR>...</VAR></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이탤릭체로 표현됩니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 첨자에 관한 태그입니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 윗첨자를 나타냅니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;"><BASEPOINT></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;"><BASEPOINT>... <BASEPOINT></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;"> 기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 부분을 강조해 주는 태그</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BLINK></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BLINK>...</BLINK></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 글자를 깜박이게 해줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 글자에 밑줄을 그어줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">연결하기 태그</td></tr><tr><td width="65" height="26" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2"><A></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><A HREF=“...”>...</A></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 다른 홈페이지와 연결 시켜줍니다.</td></tr><tr><td width="178" height="14" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><A NAME="...">...</A></td><td width="326" height="14" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 자신의 홈페이지 내에서 연결해 줍니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 주소 및 편지 쓰기</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><ADDRESS></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><ADDRESS>... </ADDRESS></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 주소에 대한 정의를 내려줍니다.</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><MAILTO></td><td width="178" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><A HREF="MAILTO..."></td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 편지 쓰기 창을 띄워 줍니다. <A HERF="https://cafe.daum.net/kyo530<a href="https://cafe.daum.net/kyo530" target="_blank"></a>"> 멜을 보내자!!</A></td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 색상 지정하기</td></tr><tr><td width="65" height="47" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 220px;" rowspan="4"><BODY></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY TEXT="#nnnnnn">...</BODY></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 글자색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY LINK="#nnnnnn">...</BODY></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 하이퍼링크의 색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><BODY VLINK="#nnnnnn">...</BODY></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 55px;"><BODY ALINK="#nnnnnn">...</BODY></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px; height: 55px;"> 누르고 있는 동안의 색을 지정합니다.</td></tr><tr><td width="569" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 902px;" colspan="3">♣ 이미지 다루기에 필요한 태그</td></tr><tr><td width="65" height="82" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="7"><IMG></td><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지를 정의해줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..." ALIGN=...></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지의 정렬 상태를 나타내 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..." WIDTH="..." HEIGHT="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지의 크기를 조절해 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..." LOWSRC="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지를 JPEG파일로 나타내 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..."VSPACE= HSPACE=></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지의 여백을 조절해 줍니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..." BORDER="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지의 태두리선을 조절합니다.</td></tr><tr><td width="178" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><IMG SRC="..." ALT="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 540px;"> 이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.</td></tr></tbody></table> <table width="904" style="width: 904px; color: rgb(0, 0, 0); font-family: "Ubuntu Condensed", "Noto Sans Korean"; font-size: 15px; border-collapse: collapse; max-width: 100%; background-color: rgb(255, 255, 255);" border="1" cellspacing="0" cellpadding="10"><tbody><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ 창 만들기 태그</td></tr><tr><td width="65" height="82" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="7"><FRAME></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FRAMESET>...</FRAMESET></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 창의 기본 틀을 지정합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; height: 53px;"><FRAMESET ROW= "숙자 혹은 %“></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px; height: 53px;"> 위 아래로 나눠줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FRAME COLS= “숫자 혹은%”></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 좌우로 나눠줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FRAME SRC="..." MARGINHEIGHT="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 창에 들어갈 상하 여백을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FRAME SCROLLING="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 스크롤바를 설정해 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><NOFRAMES>...</NOFRAMES></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 프레임이 안보이게 해줍니가.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FRAME SRC="..." MARGINWIDTH="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 창에 들어갈 좌우 여백을 설정해 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SELECT></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SELECT NAME="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 선택 사항 상자를 만들어 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 화면 크기에 따라 문단이 바뀌는 것을 방지합니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"> </td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 위의 태그 안에서 문단을 바꿀 때 사용합니다.</td></tr><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ CGI 양식 첨가하기</td></tr><tr><td width="65" height="23" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="2"><FORM></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FORM>...</FORM></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 양식을 정의 합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><FORM METHOD="..." ACTION="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 양식의 방법을 정의합니다.</td></tr><tr><td width="65" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TEXTAREA></td><td width="179" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TEXTAREA NAME="..." ROWS="..."></td><td width="326" height="25" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 글틀 상자를 정의합니다.</td></tr><tr><td width="65" height="59" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="5"><INPUT></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><INPUT TYPE="..."></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 어떤 형태로 입력할 것인지를 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><INPUT TYPE="RADIO"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 라디오 단추를 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><INPUT TYPE="CHECKBOX"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 체크 상자를 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><INPUT TYPE="SUBMIT"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 제출 버튼을 만들어 줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><INPUT TYPE="RESET"></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 취소 버튼을 만들어 줍니다.</td></tr><tr><td width="65" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SELECT></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><SELECT NAME="..."</td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 선택 사항 상자를 만들어 줍니다.</td></tr><tr><td width="570" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 904px;" colspan="3">♣ 표 만들기 태그</td></tr><tr><td width="65" height="70" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;" rowspan="6"><TABLE></td><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TABLE BORDER>...</TABLE></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 표의 전체 형식을 나타냅니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TR><TD></TD></TR></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 표 내부에 들어갈 형식을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TD COLSRAN=n></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 가로칸을 n만큼 합쳐줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TD ROWSPAN=n></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 세로칸을 n만큼 합쳐줍니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TD ALIGN=...></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 표안의 좌우 정렬 방식을 정의합니다.</td></tr><tr><td width="179" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"><TD VALIGN=...></td><td width="326" height="12" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 표안의 상하 정렬 방식을 정의합니다.</td></tr><tr><td width="65" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;"></td><td width="179" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none;">...</td><td width="326" height="13" valign="middle" style="padding: 1.4pt; border: 0.4pt solid rgb(0, 0, 0); border-image: none; width: 599px;"> 글자색을 바꾸고 싶은 것으로 마음대로 바꾼다. </td></tr></table></td></tr></table></div></div>