기초태그 총청리

<xbody bgcolor="#FFB6C1"> <center> 태그의 종류</center> <table border=0> <tr><td> <table border=3 bgcolor="#eeeaaa" width="700"><tr><td bgcolor="#2F4F4F"> ※ 태그의 기본원리는 그것을 실행하게하는 명령어 그리고 실행하여 어떻게 움직이라고하는 꾸미는 명령어 입니다 항상 처음에는 원리 원칙대로 사용하는게 좋겠죠 <td bgcolor="#000080">  태그명령어의 종류는 약....50 ~ 60개 정도 된다고 하네요 태그명령어 중에 주로 쓰이는 태그명령어는 20개 안팎이라고 할 수 있습니다 크게 분류를 나누어 본다면 "문서지정", "목록정의", "링크관련", "테이블관련", "프레임관련", "사운드/이미지태그", "서식태그", 기타 등등 태그들이 있습니다 그리고 브라우저에 따라 "익스플러워 전용태그", "네스케이프 전용태그", "양쪽 다 적용되는 태그" 가 있구요. 대부분의 태그는 양쪽 브라우저에 다 적용이 되는데 일부 태그들은 아직도 각각의 브라우저에서만 실행되는 게 있습니다  </td></tr></table> <table border=3 bgcolor="#2F4F4F" width="700"><tr><td bgcolor="#2F4F4F" rowspan=6>body의 속성</td> <td bgcolor="#5C4033">background</a></td> <td bgcolor="#5C4033">배경 이미지</td> <td bgcolor="#5C4033"><xbody background="http://이미지 파일 주소"></td> </tr><tr> <td bgcolor="#5C4033">bgcolor</a></td> <td bgcolor="#5C4033">배경 색</td> <td bgcolor="#5C4033"><xbody bgcolor="색이름 or 색상표 코드"></td> </tr><tr> <td bgcolor="#5C4033">text</td> <td bgcolor="#5C4033">글자색 지정</td> <td bgcolor="#5C4033"><xbody text="색이름 or 색상표 코드"></td> </tr><tr> <td bgcolor="#5C4033">link</td> <td bgcolor="#5C4033">링크된 글자의 색지정</td> <td bgcolor="#5C4033"><xbody link="색이름 or 색상표 코드"></td> </tr><tr> <td bgcolor="#5C4033">vlink</td> <td bgcolor="#5C4033">방문한 링크 색지정</td> <td bgcolor="#5C4033"><xbody vlink="색이름 or 색상표 코드"></td> </tr><tr> <td bgcolor="#5C4033">alink</td> <td bgcolor="#5C4033">클릭 했을때 링크 색지정</td> <td bgcolor="#5C4033"><xbody alink="색이름 or 색상표 코드"></td> </tr></table> <table border=3 bgcolor="ffffff" width="700"><tr><td bgcolor="#2F4F4F" rowspan=8>img의 속성</td> <td bgcolor="#236B82">src</td> <td bgcolor="#236B82">경로명</td> <td bgcolor="#236B82"><img src="http://이미지 파일 주소"></td> </tr><tr> <td bgcolor="#236B82">align</td> <td bgcolor="#236B82">이미지의 위치 지정</td> <td bgcolor="#236B82"><img src="http:// ~ " align="left:right:center:top:middle:down"></td> </tr><tr> <td bgcolor="#236B82">alt</td> <td bgcolor="#236B82">풍선 도움말</td> <td bgcolor="#236B82"><img src="http:// ~ " alt="도움말"></td> </tr><tr> <td bgcolor="#236B82">border</td> <td bgcolor="#236B82">테두리 설정</td> <td bgcolor="#236B82"><img src="http:// ~ " border="n"> n=수</td> </tr><tr> <td bgcolor="#236B82">height</td> <td bgcolor="#236B82">이미지 높이</td> <td bgcolor="#236B82"><img src="http:// ~ " height="n%"> % 또는 픽셀</td> </tr><tr> <td bgcolor="#236B82" >width</td> <td bgcolor="#236B82">이미지 넓이</td> <td bgcolor="#236B82"><img src="http:// ~ " width="n%"> % 또는 픽셀</td> </tr><tr> <td bgcolor="#236B82">hspace</td> <td bgcolor="#236B82">좌우 여백</td> <td bgcolor="#236B82"><img src="http:// ~ " hspace="n%"> % 또는 픽셀</td> </tr><tr> <td bgcolor="#236B82">vspace <td bgcolor="#236B82">상하 여백</td> <td bgcolor="#236B82"><img src="http:// ~ " vspace="n%"> % 또는 픽셀</td> </tr></table> <table border=3 bgcolor="#2F4F4F" width="700"><tr><td bgcolor="#2F4F4F" rowspan=10>marquee의 속성</td> <td bgcolor="330099">behavior</td> <td bgcolor="330099">marquee의 영역</td> <td bgcolor="330099"><marquee behavior="scroll : slide : alternate"></td> </tr><tr> <td bgcolor="330099">scroll</td> <td bgcolor="330099">영역을 벗어나서 사라진다.</td> <td bgcolor="330099"><marquee behavior="scroll "></td> </tr><tr> <td bgcolor="330099">slide</td> <td bgcolor="330099">영역의 끝 부분에서 멈춥다.</td> <td bgcolor="330099"><marquee behavior="slide"></td> </tr><tr> <td bgcolor="330099">alternate</td> <td bgcolor="330099">영역을 왔다 갔다 한다.</td> <td bgcolor="330099"><marquee behavior="alternate"></td> </tr><tr> <td bgcolor="330099">bgcolor</td> <td bgcolor="330099">배경색을 지정</td> <td bgcolor="330099"><marquee bgcolor="색상명 or 색상코드"></td> </tr><tr> <td bgcolor="330099">width & height</td> <td bgcolor="330099">범위를 지정</td> <td bgcolor="330099"><marquee width="n or n%" height="n or n%"></td> </tr><tr> <td bgcolor="330099">direction</td> <td bgcolor="330099">움직이는 방향을 지정</td> <td bgcolor="330099"><marquee direction="left,right,up,down"></td> </tr><tr> <td bgcolor="330099">scrolldelay</td> <td bgcolor="330099">스크롤의 지연효과를 냅니다. 1000을 지정해 주면 1초간 정지됩니다.</td> <td bgcolor="330099"><marquee scrolldelay="n(단위 milliseconds)"></td> </tr><tr> <td bgcolor="330099">scrollamount</td> <td bgcolor="330099">스크롤의 이동폭(scrollamount="50" 이면 50픽셀씩 움직입니다)을 지정 합니다. </td> <td bgcolor="330099"><marquee scrollamount="n(픽셀)"></td> </tr><tr> <td bgcolor="330099">loop</td> <td bgcolor="330099">스크롤의 반복회수를 지정 (n은 반복수)</td> <td bgcolor="330099"><marquee loop="n"></td> </tr></table> <table border=3 bgcolor="blue" width="700"><tr><td bgcolor="ivory" rowspan=11> 나머지 태그들</td> <td bgcolor="ivory">a</td> <td bgcolor="ivory">문서 연결 태그</td> <td bgcolor="ivory"><a href="http://문서 주소" target="문서의 위치 결정"></td> </tr><tr> <td bgcolor="ivory">hn</td> <td bgcolor="ivory">글씨 크기 조정</td> <td bgcolor="ivory"><hn>~</hn> n은 1~6 까지</td> </tr><tr> <td bgcolor="ivory">hr</td> <td bgcolor="ivory">가로줄 만들기.</td> <td bgcolor="ivory"><hr></td> </tr><tr> <td bgcolor="ivory">p</td> <td bgcolor="ivory">문단을 나눈다.</td> <td bgcolor="ivory">~ /p는 생략가능</td> </tr><tr> <td bgcolor="ivory">br</td> <td bgcolor="ivory">한줄 띄우기</td> <td bgcolor="ivory"> </td> </tr><tr> <td bgcolor="ivory">b</td> <td bgcolor="ivory">굵게 만들기.</td> <td bgcolor="ivory">~</td> </tr><tr> <td bgcolor="ivory">i</td> <td bgcolor="ivory">이텔릭체</td> <td bgcolor="ivory">~</td> </tr><tr> <td bgcolor="ivory">u</td> <td bgcolor="ivory">밑줄 긋기</td> <td bgcolor="ivory">~</td> </tr><tr> <td bgcolor="ivory">pre</td> <td bgcolor="ivory">임의의 형태로 만들기.</td> <td bgcolor="ivory"><pre>~</pre></td> </tr><tr> <td bgcolor="ivory">xmp</td> <td bgcolor="ivory">xmp안의 모든 태그를 무시</td> <td bgcolor="ivory">~</td> </tr><tr> <td bgcolor="ivory">bgsound</td> <td bgcolor="ivory">음악</td> <td bgcolor="ivory"><bgsound src="http:음악 파일 주소" loop=n></td> </tr></table></td></tr></table>