♡ 태 그 연 습 공 부

<div class="figure-html" data-ke-type="html" data-source="<CENTER> <TABLE id=cafe_editor_main_table_color bgColor='#ffd8d8' cellpadding=0 cellspacing=0 border=0 width=100%><TR><TD id=cafe_editor_main_table class=text><DIV class=bbs_contents_inbox> <DIV style="TEXT-ALIGN: center" id=user_contents class="user_contents tx-content-container scroll" name="user_contents"> <TABLE id=protectTable class=protectTable align=center> <TBODY> <TR> <TD> <TABLE border=3 borderColor=#166ab7 cellPadding=2 width=550 bgColor=#ffffff align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 3px dotted; BORDER-LEFT: #166ab7 3px dotted; BORDER-TOP: #166ab7 3px dotted; BORDER-RIGHT: #166ab7 3px dotted" cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 4px dotted; BORDER-LEFT: #166ab7 4px dotted; BORDER-TOP: #166ab7 4px dotted; BORDER-RIGHT: #166ab7 4px dotted" cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 7px dotted; BORDER-LEFT: #166ab7 7px dotted; BORDER-TOP: #166ab7 7px dotted; BORDER-RIGHT: #166ab7 7px dotted" cellSpacing=2 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE border=7 cellSpacing=3 borderColor=pink width=490 align=center> <TBODY> <TR> <TD> <TABLE cellSpacing=3 borderColor=#800000 cellPadding=0 bgColor=ivory align=center border3> <TBODY> <TR> <TD> <CENTER> <TABLE border=3 borderColor=#00b0e0 width=490 align=center> <TBODY> <TR> <TD><BR><BR> <CENTER><FONT color=navy size=2><BR>▒▒▒▒ <FONT color=#290066><STRONG>사용법 ▒▒▒▒ </STRONG></FONT> <P><FONT color=#290066><STRONG>이곳에 HTML로 작성 한후<BR> <P><FONT color=#290066><STRONG>완성된 HTML 소스는 소스전체 선택을 클릭하면<BR>드래그할 필요 없이 모든 소스가 선택 됩니다.<BR>복사 하여 사용하세요<BR><BR><BR></STRONG></FONT> </STRONG> <P><BR></P></FONT></CENTER></TD></TR></CENTER></TBODY></TABLE> <PRE> <CENTER><FONT style="FONT-SIZE: 11pt" color=#290066><STRONG> ★ 용어설명 table WIDTH=490 ==&gt; 테이블의 넓이 BORDER=3 ===&gt; 테이블 테두리선의 두께 BORDERCOLOR=hotblue&gt; ===&gt; 테이블 테두리선의 색상 td background=&gt; ====&gt; 배경그림의 주소 marquee height="300" ==&gt; 글자가 나타나서 사라지는 범위 behavior="loop" ==&gt; 글자가 나오는 반복횟수(무한) direction="up" ==&gt; 글자의 방향 scrolldelay="15" ==&gt; 글자속도지정 scrollamount="1" ==&gt; 글자속도지정 style="text-align:left;"&gt; ==&gt; 글의 정렬위치 font color=hotpink ==&gt; 글자의 색상지정 size="2" ==&gt; 글자의 크기 face="돋움체"&gt; ==&gt; 글의 형태(모양) b =&gt; 글자를 굵게 <BR><BR> </STRONG></FONT><PRE><UL><FONT color=#290066><STRONG><SPAN style="FONT-SIZE: 11pt">참조; 다음 태그에 사용되고 있는 (괄호)를&lt;꺽쇠&gt;로 바꿔줘야함니다. table은 html의 꽃이라고 할만큼 아주 중요합니다 우선 TABLE TAG와 그 속성들을 한번씩 읽고 갈가요?. (table)(/table&gt; 테이블 태그에 맨처음과 맨 끝에 들어갑니다. (tr&gt;(/tr&gt; 한 행을 만들어 줍니다. (caption&gt;(/caption&gt; 표에 제목을 나타냄 (td&gt;(/td&gt; 한 셀을 만들어 줍니다. (th&gt;(th&gt; 셀 제목을 나타냅니다. 부가적 속성 기능. CELLSPACING=수치, 셀과 셀사이의 간격 조정. CELLPADDING=수치, 셀 내부에 간격 조정 WIDTH=수치, 가로 넓이를 지정한다. HEIGHT=수치, 세로 높이를 지정한다 . border=수치, 표에 테두리 두께 조정. (TD COLSPAN=가로셀수 ROWSPAN=세로셀수&gt; . 셀을 가로,세로로 합치고 싶을때 사용 align="left"(가로 정렬) valign="top" (세로 정렬) 　 align="center" valign="top" align="right" valign="top" align="left" valign="middle" align="center" valign="middle" align="right" valign="middle" align="left" valign="bottom" 　align="center" valign="bottom" align="right" valign="bottom 태그를 공부할때 많이 사용하는 속성들을 빨리 이해 하려면 다음의 border,cellpadding,cellspacing,width,height,의 숫치를1,5,10,50, 100, 200, 등으로 하나 하나 바꾸어 보세요 그렇게하여 실행시켜보세요 위에 있는 태그속성들을 모두 한번씩 실행해 보세요 아! 그렇구나 하는 생각이 들때까지 실행시켜서 확인하는것이 가장 효과적입니다. </SPAN></STRONG></FONT></UL></PRE><CENTER></CENTER></FONT></PRE></XBODY> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE></CENTER>"><div data-ke-class="article"><CENTER> <TABLE id=cafe_editor_main_table_color bgColor='#ffd8d8' cellpadding=0 cellspacing=0 border=0 width=100%><TR><TD id=cafe_editor_main_table class=text><DIV class=bbs_contents_inbox> <DIV style="TEXT-ALIGN: center" id=user_contents class="user_contents tx-content-container scroll" name="user_contents"> <TABLE id=protectTable class=protectTable align=center> <TBODY> <TR> <TD> <TABLE border=3 borderColor=#166ab7 cellPadding=2 width=550 bgColor=#ffffff align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 3px dotted; BORDER-LEFT: #166ab7 3px dotted; BORDER-TOP: #166ab7 3px dotted; BORDER-RIGHT: #166ab7 3px dotted" cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 4px dotted; BORDER-LEFT: #166ab7 4px dotted; BORDER-TOP: #166ab7 4px dotted; BORDER-RIGHT: #166ab7 4px dotted" cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE style="BORDER-BOTTOM: #166ab7 7px dotted; BORDER-LEFT: #166ab7 7px dotted; BORDER-TOP: #166ab7 7px dotted; BORDER-RIGHT: #166ab7 7px dotted" cellSpacing=2 cellPadding=0 align=center> <TBODY> <TR> <TD> <TABLE border=7 cellSpacing=3 borderColor=pink width=490 align=center> <TBODY> <TR> <TD> <TABLE cellSpacing=3 borderColor=#800000 cellPadding=0 bgColor=ivory align=center border3> <TBODY> <TR> <TD> <CENTER> <TABLE border=3 borderColor=#00b0e0 width=490 align=center> <TBODY> <TR> <TD><BR><BR> <CENTER><FONT color=navy size=2><BR>▒▒▒▒ <FONT color=#290066><STRONG>사용법 ▒▒▒▒ </STRONG></FONT> <P><FONT color=#290066><STRONG>이곳에 HTML로 작성 한후<BR> <P><FONT color=#290066><STRONG>완성된 HTML 소스는 소스전체 선택을 클릭하면<BR>드래그할 필요 없이 모든 소스가 선택 됩니다.<BR>복사 하여 사용하세요<BR><BR><BR></STRONG></FONT> </STRONG> <P><BR></P></FONT></CENTER></TD></TR></CENTER></TBODY></TABLE> <PRE> <CENTER><FONT style="FONT-SIZE: 11pt" color=#290066><STRONG> ★ 용어설명 table WIDTH=490 ==> 테이블의 넓이 BORDER=3 ===> 테이블 테두리선의 두께 BORDERCOLOR=hotblue> ===> 테이블 테두리선의 색상 td background=> ====> 배경그림의 주소 marquee height="300" ==> 글자가 나타나서 사라지는 범위 behavior="loop" ==> 글자가 나오는 반복횟수(무한) direction="up" ==> 글자의 방향 scrolldelay="15" ==> 글자속도지정 scrollamount="1" ==> 글자속도지정 style="text-align:left;"> ==> 글의 정렬위치 font color=hotpink ==> 글자의 색상지정 size="2" ==> 글자의 크기 face="돋움체"> ==> 글의 형태(모양) b => 글자를 굵게 <BR><BR> </STRONG></FONT><PRE><UL><FONT color=#290066><STRONG><SPAN style="FONT-SIZE: 11pt">참조; 다음 태그에 사용되고 있는 (괄호)를<꺽쇠>로 바꿔줘야함니다. table은 html의 꽃이라고 할만큼 아주 중요합니다 우선 TABLE TAG와 그 속성들을 한번씩 읽고 갈가요?. (table)(/table> 테이블 태그에 맨처음과 맨 끝에 들어갑니다. (tr>(/tr> 한 행을 만들어 줍니다. (caption>(/caption> 표에 제목을 나타냄 (td>(/td> 한 셀을 만들어 줍니다. (th>(th> 셀 제목을 나타냅니다. 부가적 속성 기능. CELLSPACING=수치, 셀과 셀사이의 간격 조정. CELLPADDING=수치, 셀 내부에 간격 조정 WIDTH=수치, 가로 넓이를 지정한다. HEIGHT=수치, 세로 높이를 지정한다 . border=수치, 표에 테두리 두께 조정. (TD COLSPAN=가로셀수 ROWSPAN=세로셀수> . 셀을 가로,세로로 합치고 싶을때 사용 align="left"(가로 정렬) valign="top" (세로 정렬) 　 align="center" valign="top" align="right" valign="top" align="left" valign="middle" align="center" valign="middle" align="right" valign="middle" align="left" valign="bottom" 　align="center" valign="bottom" align="right" valign="bottom 태그를 공부할때 많이 사용하는 속성들을 빨리 이해 하려면 다음의 border,cellpadding,cellspacing,width,height,의 숫치를1,5,10,50, 100, 200, 등으로 하나 하나 바꾸어 보세요 그렇게하여 실행시켜보세요 위에 있는 태그속성들을 모두 한번씩 실행해 보세요 아! 그렇구나 하는 생각이 들때까지 실행시켜서 확인하는것이 가장 효과적입니다. </SPAN></STRONG></FONT></UL></PRE><CENTER></CENTER></FONT></PRE></XBODY> <TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE></CENTER></div></div>