<![CDATA[
<P></P>
<DIV class=bbs_contents_inbox>
<DIV class="user_contents tx-content-container scroll" id=user_contents style="DISPLAY: block" name="user_contents">
<TABLE class=protectTable>
<TBODY>
<TR>
<TD><!-- clix_content 이 안에 본문 내용 외에 다른 내용을 절대 넣지 말 것 --><xSCRIPT type="text/xxxxjavascript">//</xSCRIPT> <A name="맨 위로가기"></A>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=left width="100%" bgColor=#000000 height=30> <B><FONT color=white>초보자가 처음에 알아야할 HTML 기본 태그</FONT></B> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left width="100%" bgColor=#979997 height=2></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=4></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff height=10></TD></TR></TBODY></TABLE><!---상단 메뉴--->
<TABLE cellSpacing=0 cellPadding=0 width="90%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD align=left width="100%" bgColor=#ffffff><FONT color=red>*참고사항* html의 모든태그는 < > 시작하여 </>로 마무리를 지어야한다 생각하세염 *^^*</FONT><BR><FONT style="LINE-HEIGHT: 150%">○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#링크연결법">링크연결법</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#이미지연결법">이미지연결법</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#글씨조절하기">글씨조절하기</A><BR>○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#배경화면조절하기">배경화면조절하기</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#배경이미지연결하기">배경이미지연결하기</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#홈피에음악넣기">홈피에음악넣기</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#위치조절하기">위치조절하기</A><BR>○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#html이뭔가..?">html이뭔가..?</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#html의기본형식">html의기본형식</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#메타태그 꼭삽입하기">메타태그 꼭삽입하기</A><BR>○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#글씨줄바꾸기">글씨줄바꾸기</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#글씨밑에밑줄긋기">글씨밑에밑줄긋기</A> ○ <A href="http://cafe326.daum.net/_c21_/bbs_search_read?grpid=J5vS&fldid=Jis&datanum=63&contentval=&docid=J5vS|Jis|63|20061128194639&q=%BD%BA%C5%A9%B8%B3%C6%AE%B3%D7%B2%A8&search=true#글씨굵게강조하기">글씨굵게강조하기</A> </FONT></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff height=10></TD></TR><!---상단 메뉴--->
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=링크연결법>링크연결법</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><a href="연결한 url 주소를 적는다">링크할 글을 적는다.</a><BR>위가 링크의 기본형식이며 링크에 연결할 창의 기본속성으로는<BR><U>target="_blank"</U> ==> 새창으로연다. <U>target="_self"</U> ==> 같은창에서연다 <U>target="_top"</U> ==> 모든프레임을무시하고부모창에서연다.<BR>사용예) <a href="http://www.script.ne.kr" target="_balnk">스크립트정보가있는곳</a> </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=이미지연결법>이미지연결법</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><img src="연결할 이미지가 있는 url주소를 적는다"><BR>위가 이미지연결의 기본형식이며 기본 속성으로는 <BR>이미지 크기 조절하기 ==> width="가로의크기" height="세로의크기"<BR>이미지 테두리 설정하기 ==> border="테두리의숫자" 0 일경우 테두리가 존재할수없다.<BR>이미지에 링크연결하기 ==> 이미지태그앞에 a링크를 연결하시면됩니다.<BR>사용예) <a href="링크주소" target="_balnk"><img src="1.gif" width="120" height="150" border="2"></a> </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=글씨조절하기>글씨조절하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%">글씨를 조절하는 태그는 font 폰트태그라고 합니다.<BR>글씨의 크기를 조절합니다. ==> <font size="2">내사랑 홍영애</font><BR>글씨의 색깔을 지정합니다. ==> <font color="black">내사랑 홍영애</font><BR>글씨채를 조절합니다. ==> <font face="궁서체">내사랑 홍영애</font><BR>사용예) <font size="2" color="black" face="궁서체">내사랑 홍영애</font><BR>글씨에 좀더 고급스럽게 표현을 하려면 style, css 를 이용하여야합니다. 현자료는 검색서 찾으셔염 <BR><BR><B><FONT style="FONT-SIZE: 10pt" color=blue>※ 잠깐TIP: 님께서 프로그램을 배우시려면 HTML 에서 " 쌍콤마를 ' 외콤마로 바꾸어서 사용하시는걸 습관하시기 바랍니다. 이유: php,cgi 에서 충돌을 막기위해서</FONT></B> </FONT><BR><BR>또 다른 예) <font style="font-size:9pt; font-family:굴림; color:#000000;>내사랑 홍영애</FONT> </P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=배경화면조절하기>배경화면조절하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><body bgcolor="색상의값"> 사용예) <body bgcolor="#000000"> </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=배경이미지연결하기>배경이미지연결하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><body background="배경이미지의 url주소"> 사용예) <body background="1.gif"> </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=홈피에음악넣기>홈피에음악넣기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src="음악이있는 url주소"> 사용예) <[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src="music.mid"><BR>음악화일로는 mid, mp3, wav 등.... 이 있습니다. </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=위치조절하기>위치조절하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%">table 이나 p 태그 이미지 태그 에서 위치를 조절합니다.<BR>속성으로는 <U>left (왼쪽), center (중간), right (오른쪽) </U>이 있습니다.<BR>사용예) <p align=center>홍영애 너만을 사랑해</p> <img src="1.gif" align=right> </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=html이뭔가..?>html이뭔가..?</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%">html 은 일명 하이퍼텍스터문서 라는겁니다. 간단하게말하면 컴은 0과1이라는 것바께는 알지못합니다.<BR>그런데 어떻게 웹상에서 이미지가보이고 글씨가 보일까염...? ㅎㅎㅎㅎ 그래서 html이 있는겁니다.<BR>웹을 이용하는 웹전문가들간에 a는 a다는 형식의 문서의형식을 만들었습니다. <BR>바로그게 html 인것이지염.. *^^* 나 Mlang 말잘하졍.ㅋㅋㅋㅋㅋ <BR><BR><B><FONT style="FONT-SIZE: 10pt" color=blue>※ 잠깐TIP: html을 빨리배우시려면 좀 노가다 같지만 사용예제를 복사하여 님께서 직접 적용해보고 느끼셔야 합니다. 그래서 여긴 예제보기 읍더염.... ㅋㄷㅋㄷㅋㄷ</FONT></B> </FONT></FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=html의기본형식>html의기본형식</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><html><BR><head><BR><title>웹페이지의 제목을 적는 부분</title><BR></head><BR><body><BR>이곳에 각종태그를 사용하여 실제로 보여지는 부분을 꾸밉니다.<BR></body><BR></html><BR><BR><html> 은 html 문서를 시작한다는것이고 <head> 는 머리 <body> 은 몸통을 말합니다.<BR>머리속이 사람에게 보여져지는 않겟졍 단 생각이 읽혀 지키는 한답니다. <BR>우리집사람 내 생각 아주 잘읽음 ..에효 그래서 바람도 못펴염<BR>위의 형식을 꼭 지켜주시는게 좋습니다. </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name="메타태그 꼭삽입하기">메타태그 꼭삽입하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><html> <BR><head> <BR><title> 님의홈페이지의이름을적으셔염 </title> <BR><FONT color=#0000ff><meta name="description" content="이곳에 홈페이지 소개글을 적어세요.."> <BR><meta name="keywords" content="사랑만들기,사랑,사랑하기,사항만들기,사항,사항하기 "></FONT> <BR></head> <BR><body> <BR></body> <BR></html> <BR><BR>메타태그는 알타비스트와 같은 로봇검색엔진이 홈페이지의 head 부분의 메타태그에 기록된 문구를 검색하여 등록하고 찾아주는 것으로 홈페이지가 검색엔진의 상위에 링크될 수 있도록 잘 활용하면 방문자들을 더많이 유치하는데 도움이 됩니다. <BR><BR>로봇 검색엔진은 입력된 검색어인 키워드를 중심으로 서치엔진이 사이트들을 찾아 줍니다. <BR>그러므로 홈페이지에 메타테그를 잘 활용하면 굴러온돌이 박힌돌을 빼내는 것 처럼 상위에 링크될 수도 있습니다. <BR>메타태그는 <head>와 </head> 사이에 넣습니다.<BR>위에 태그 중에서 <FONT color=red><meta name="keywords" content="이곳 "> </FONT><BR>부분이 방문자들이 검색어를 입력했을때 그와 일치하는게 하나라도 있으면 검색엔진은 방문자에게 찾아서 보여줍니다. <BR>소개문장의 길이는 상관없으나 같은 문구를 계속해서 사용하면 스팸으로 인정하여 후에 홈페이지가 등록취소 될 수도있습니다. <BR>그리고 방문자들이 혹시 실수하여 오타를 칠 경우도 많으니 미리 그곳에 오타로 된 문구를 예상해서 적어 놓은 것도 더 많은 방문자들을 유치할 수 있습니다. <BR>예를 들면 "야후코리아"의 경우 사람들이 키보드 자판의 배열상 "야휴코리아"라고도 오타로 입력할 수 있습니다.<BR></FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=글씨줄바꾸기>글씨줄바꾸기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%">줄을 바꾸는 태그로는 <p> 태그와 <br> 태그가 있습니다.<BR><br> 은 글씨 바로다음으로 넘어갑니다.<BR><p> 는 <br><br> 과 같다고 보시면 됩니다.<BR>여기서 <br>은 </br> 로 마무리 짖지 않습니다. 그거자체로 끝납니다. </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=글씨밑에밑줄긋기>글씨밑에밑줄긋기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><u>라는 태그는 그 글씨밑에 밑줄을 긋 습니다.<BR>사용예) 나는 <u>홍영애를 사랑해</u> 하하하하 </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> ○ <B><A name=글씨굵게강조하기>글씨굵게강조하기</A></B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#ffffff>
<P style="MARGIN: 10pt; TEXT-INDENT: 0px" align=left><FONT style="LINE-HEIGHT: 170%"><b>라는 태그는 그 글씨를 강조합니다.<BR>사용예) 나는 <b>홍영애를 사랑해</b> 하하하하 </FONT></P></TD></TR>
<TR>
<TD align=left width="100%" bgColor=#b0df6f height=20>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=left> 작업끝: 이것으로도 모지라는거 있으면 게시판에 서슴없이 글주셔염...Mlang *^^*</B></TD>
<TD align=right><A href="http://cafe.daum.net/sspps?t__nil_cafemy=item&search=true#맨 위로가기">↑ 맨 위로가기</A> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
<!-- -->
]]>
카페 게시글
태그 자료실
html 기본태그
파도
추천 0
조회 12
12.02.15 07:54
댓글 0
다음검색
