본문 바로가기
정보/# 태그 소스 자료실***

[스크랩] 초보리더를 위한 [html 기본]|

by Danpung ! 2010. 5. 6.
▶문서 배경 태그의 사용법

<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], 홈페이지에 리얼과(다른 파일도 해당됨.)

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

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

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

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

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

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

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

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

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

이렇게 하시면 자신이 원하는 반복횟수만큼 들으실수 있습니다.

출처 : 나물먹고 물마시고
글쓴이 : 나물먹고 물마시고 카페운영자 원글보기
메모 :