태그사용법

▶문서 배경 태그의 사용법

 

body bgcolor="색상" : 윈도우 배경화면색 지정.

body background="이미지 주소" : 배경을 그림으로할때 쓰는 속성.

body text="색상" : 표준 글씨색 지정.

body link="색상" : 링크 부분의 색 지정.

body vlink="색상" : 검색한 링크 부분의 색 지정.

body alink="색상" : 링크된글자를 누르는순간의 색을 지정.


▶P 태그의 사용법

P 내용 /P : 문단을 나누는 태그입니다.


▶빈칸 사용하기


: 빈칸을 만들어 줍니다.(빈공간,글씨의 공란을 대신함.)

▶주석 사용하기

한 줄을 주석으로 사용할 때는 ! 주석 태그를 이용하고 여러줄을 주석으로 이용하려면

!-- , //-- 태그를 이용합니다. 주석태그는 브라우져에서는 보이지 않는 태그입니다.


▶br 사용하기

br 태그는 줄을 바꾸고 싶을 때 사용하는 것입니다.

br 은 예를들어 한번만 사용하면 다음줄로 넘어갑니다.

하지만 여러줄을 띄우고 싶을 때는 br 의 횟수를 더 많이 해주면 됩니다.

3칸을 띄우고 싶으면 3번을 쓰시면 됩니다.


▶문단 정렬하기

p align="정렬형태" : left 나 right 를 써서 줄 단위로 정렬합니다.

center/center : 여러문단을 중앙 정렬합니다.


▶선 태그 사용하기

hr size="크기" width="크기" align="정렬형태" style="color:색상;" noshade

수평선 그리기 태그입니다.

size : 픽셀 단위의 선의 두께입니다.

width : 선의 수평길이 입니다.

align : 길이가 화면보다 작을 때 수평선이 그려질 위치입니다.

noshade : 음영 효과 없는 보통의 선 그리기 입니다.

style="color:색상;" : 선의 색상을 바꿔줍니다.


▶글자 크기 변경

basefont size="크기" : 전체 글자 크기를 지정.

font size="크기" : 일부의 글자 크기를 변경.


▶글자색 변경

font color="색상" : 글자의 색상 지정.


▶글꼴 변경

font face="글꼴명" : 글꼴 지정.

만약, 글자의 크기와 색상,글꼴을 동시에 바꾸시려면

font size="크기" color="색상" face="글꼴" 이렇게 하시면 됩니다.


▶글자 모양 정리

태그 관용적 표현(결과)
i내용 i
em내용/em
dfn내용/dfn
var내용/var
cite내용/cite 이탤릭체 모양
b내용/b
strong내용/strong 진한 모양
tt내용/tt
code내용/code
samp내용/samp
kbd내용/kbd 타자체
courier 체로 표현.


▶입력된 그대로 출력하기

pre내용/pre : 화면에 나와 있는 내용을 그대로 출력합니다.

엔터를 치면 br 의 효과를 보게 됩니다.

xmp내용/xmp : pre 태그와 비슷하지만 태그 소스까지 표시합니다.

▶그림 삽입하기

img src="이미지 파일 경로(주소)" alt="그림 설명"

그림과 설명을 삽입합니다. ▶그림 크기 지정하기

img src="이미지 파일 경로(주소)" width="가로크기" height="세로크기"

그림을 자신이 원하는 크기만큼 조정합니다.

숫자가 높을 수록 커집니다.

▶그림의 위치 설정하기

img src="이미지 파일 경로(주소)" align="정렬위치"

그림을 삽입하고 left 나 right 로 위치를 지정해 줍니다.

▶그림의 여백과 테두리 설정

img src="이미지 파일 경로(주소)" border="테두리 두께" 그림의 경계선을 만듭니다.

img src="이미지 파일 경로(주소)" hspace="크기" 그림의 좌우 여백을 지정합니다.

img src="이미지 파일 경로(주소)" vspace="크기" 그림의 상하 여백을 지정합니다.

▶사운드 태그

[안내]태그제한으로등록되지않습니다-bgsound src="음악주소" : 주로 배경음악으로 많이 쓰이는 태그입니다.

이 것은 mid 나 wav,mp3 파일등을 사용할때 쓰는 태그인데,

주로 배경음악으로 사용하는 파일은 mid 파일입니다.

용량도 작고해서 홈페이지 로딩시간에 별 지장을 주지 않습니다.

다른 파일들은 시간이 좀 오래 걸립니다.

요즘은 asf 파일도 사용합니다만 그것도 역시 시간이 좀 걸린답니다.

embed src="음악주소" : 이 태그는 전에 채팅상에서 많이 쓰이는 태그 였습니다.

주로 사용하는 파일이 asf 나 asx 파일입니다.

이 태그를 쓰게 되면 미디어 재생기가 나타나므로

자신이 맘대루 끌수도 있고 다시 재생시킬수도 있습니다.

이 외에도 리얼음악도 있지만 거의 배경음악으로는 사용이 불가능합니다.

리얼은 링크태그를 써서 클릭하면 들을수 있는 그런 방식입니다.

a href="리얼 음악주소" target"new_window"여기를 클릭하세요!!/a

이런식으로 하시면 됩니다.

또 한가지 [Tip], 홈페이지에 리얼과(다른 파일도 해당됨.)

같은 음악을 바로 띄우게 할수 있는 방법도 있습니다.

이건 스크립트를 이용하는 것입니다.

scriptopen('음악파일주소')/script

위의 예제처럼 하시면 홈에 들어오자 마자 플레이어가 나타나게 되죠^^.

embed src="음악주소" 이 태그를 쓰실때 재생기가 작게 나오게 하려면.....

width="수치" height="수치" 를 쓰게 되면 재생기의 크기를 마음껏 조절할수 있습니다.

embed src="음악주소" width="수치" height="수치" 이런식으로요..^^

음악을 반복해서 여러번 듣고 싶을때는 아래처럼 하시면 됩니다.

embed src="음악주소" loop="반복횟수"

이상은 간단한 태그 사용법 이였습니다.