본문 바로가기
  • 보라 & へ山行
Study/Tag & Swissi

태그 기초

by 유리의 세상 2009. 3. 21.

태그 기초

 

Ⅱ.태그의 기초

※ 태그의 기본원리는 그것을 실행하게하는 명령어 그리고 실행하여 어떻게 움직이라고하는 꾸미는  명령어 입니다. 항상 처음에는 원리 원칙대로 사용하는게 좋겠죠


1. 태그명령어의 종류

(1) 태그명령어의 종류는 약....50 ~ 60개 정도 된다고 하네요 태그명령어 중에 주로 쓰이는 태그명령어는 20개 안팎이라고 할 수 있습니다

(2) 크게 부류를 나누어 본다면 "문서지정", "목록정의", "링크관련", "테이블관련", "프레임관련",

"사운드/이미지태그", "서식태그", 기타 등등 태그들이 있습니다

(3) 그리고 브라우저에 따라 "익스플러워 전용태그", "네스케이프 전용태그", "양쪽 다 적용되는 태그" 가 있구요.

대부분의 태그는 양쪽 브라우저에 다 적용이 되는데 일부 태그들은 아직도 각각의 브라우저에서만 실행되는 게 있습니다


2. body의속성

(1) background : 배경 이미지 <xbody background="http://이미지 파일 주소">

(2) bgcolor : 배경 색 <xbody bgcolor="색이름 or 색상표 코드">

(3) text :  글자색 지정 <xbody text="색이름 or 색상표 코드">

    글자 크기와 색상 지정(문장 앞에) : <font size=4 color=darkblue face=궁서>

(4) link : 링크된 글자의 색지정 <xbody link="색이름 or 색상표 코드">

(5) vlink : 방문한 링크 색지정 <xbody vlink="색이름 or 색상표 코드">

(6) alink : 클릭 했을때 링크 색지정 <xbody alink="색이름 or 색상표 코드">


3. img의속성

(1) src : 경로명 <img src="http://이미지 파일 주소">

(2) align : 이미지의 위치 지정 <img src="http:// ~ "

    align="left:right:center:top:middle:down">

(3) alt : 풍선 도움말 <img src="http:// ~ " alt="도움말">

(4) border : 테두리 설정 <img src="http:// ~ " border="n"> n=수

(5) height : 이미지 높이 <img src="http:// ~ " height="n%"> % 또는 픽셀

(6) width : 이미지 넓이 <img src="http:// ~ " width="n%"> % 또는 픽셀

(7) hspace : 좌우 여백 <img src="http:// ~ " hspace="n%"> % 또는 픽셀

(8) vspace : 상하 여백 <img src="http:// ~ " vspace="n%"> % 또는 픽셀


4. marquee의속성

(1) behavior : marquee의 영역 <marquee behavior="scroll : slide : alternate">

(2) scroll : 영역을 벗어나서 사라진다. <marquee behavior="scroll ">

(3) slide : 영역의 끝 부분에서 멈춥다. <marquee behavior="slide">

(4) alternate : 영역을 왔다 갔다 한다. <marquee behavior="alternate">

(5) bgcolor : 배경색을 지정 <marquee bgcolor="색상명 or 색상코드">

(6) width & height : 범위를 지정 <marquee width="n or n%" height="n or n%">

(7) direction :  움직이는 방향을 지정 <marquee direction="left,right,up,down">

(8) scrolldelay :  스크롤의 지연효과를 냅니다.

   1000을 지정해 주면 1초간 정지됩니다.

   <marquee scrolldelay="n(단위 milliseconds)">

(9) scrollamount : 스크롤의 이동폭(scrollamount="50" 이면 50픽셀씩 움직임)을 지정 합니다.         <marquee scrollamount="n(픽셀)">

(10) loop : 스크롤의 반복회수를 지정 (n은 반복수) <marquee loop="n">


5. 나머지 태그들

(1) a href :문서연결태그 <a href="http://문서 주소"target="문서의 위치 결정">

(2) hn : 글씨 크기 조정 <hn>~</hn> n은 1~6 까지

(3) hr : 가로줄 만들기. <hr>

(4) p : 문단을 나눈다. <p>~</p> /p는 생략가능

(5) br : 한줄 띄우기 <br>

(6) b : 굵게 만들기. <b>~</b>

(7) i : 이텔릭체 <i>~</i>

(8) u : 밑줄 긋기 <u>~</u>

(9) pre : 임의의 형태로 만들기. <pre>~</pre>

(10) xmp : xmp안의 모든 태그를 무시 ~

(11) [안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound : 음악 <[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-bgsound src="http:음악 파일 주소" loop=n>

(12) embed : 음악 <embed src="http:음악 파일 주소“ loop=n>

'Study > Tag & Swissi' 카테고리의 다른 글

도장 견본입니다.   (0) 2009.03.21
사진 올리기   (0) 2009.03.21
음악 태그는 이렇게   (0) 2009.03.21
글 맵씨 소스   (0) 2009.03.21
합성 작품 4점을 드립니다   (0) 2009.03.18