세상에선 어떤 일이.../나는 스위시 초보

문서배경 태그 사용법

JORC구원열차 2011. 9. 5. 10:35

▶문서 배경 태그의 사용법

*<body bgcolor="색상"> : 윈도우 배경화면색 지정(RGB색상표 참조)

*<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="글꼴"> 이렇게 하시면 됩니다.


▶입력된 그대로 출력하기

<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], 홈페이지에 리얼과(다른 파일도 해당됨.) 같은 음악을 바로 띄우게 할수 있는
방법도 있습니다. 이건 스크립트를 이용하는 것입니다.

<script>open('음악파일주소')</script>

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

<embed src="음악주소"> 이 태그를 쓰실때 재생기가 작게 나오게 하려면.....
width="수치" height="수치" 를 쓰게 되면 재생기의 크기를 마음껏 조절할수 있습니다.
<embed src="음악주소" width="수치" height="수치"> 이런식으로요..^^

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

<embed src="음악주소" loop="반복횟수"> 이렇게 하시면 자신이 원하는 반복횟수만큼 들으실수 있습니다.