조회 수 1278 추천 수 100 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
<HTML> </HTML> → HTML 문서 시작과 끝

<HEAD> </HEAD> → 문서 정보

<BODY> </BODY> → 본문 시작과 끝

<TITLE> </TITLE> → 브라우저 타이틀바에 제목 넣기

<BR> → 줄 바뀜

<P> </P> → 문단 나뉨

<CENTER> </CENTER> → 가운데 정렬

<NOBR> </NOBR> → 자동 줄바뀜 방지

<PRE> </PRE> → 보이는 그대로 출력

<XMP> </XMP> → 보이는 그대로 태그까지 문자로 출력

<H1~6> </H1~6> → 제목 문자열 지정

<FONT COLOR=#RGB> </FONT> → 글자 색상 제어

<FONT SIZE=숫자> </FONT> → 글자 크기 제어

<FONT FACE=글자체> </FONT> → 글자체 제어

<B> </B> → 굵은 글자

<I> </I> → 이탤릭체

<U> </U> → 밑줄

<S> </S> → 중간 선

<HR> → 수평선

<MARQUEE> </MARQUEE> → 문자 및 이미지 스크롤

<IMG src=경로> → 이미지 삽입

<MAP NAME=이름> </MAP> → 이미지맵 생성

<A href=경로> </A> → 문서의 특정 위치, 다른 문서, 파일로 이동

<TABLE></TABLE> → 테이블 생성

<TR></TR> → 테이블의 수평열 생성

<TD></TD> → 테이블의 셀 생성

<UL> </UL> → 각 목록을 블릿 기호로 나열

<OL> </OL> → 각 목록을 숫자로 나열

<LI> → <UL>, <OL>, <DIR>, <MENU> 등에서 목록 생성

<FRAMESET> </FRAMESET> → 프레임 생성

<FRAME src=경로> → 프레임 설정

<NOFRAMES> </NOFRAMES> → 프레임을 지원하지 않는 브라우저에서 나타낼 내용

<FORM> </FORM> → 양식의 시작과 끝

<TEXTAREA> </TEXTAREA> → 텍스트 영역

<INPUT> → 폼 생성

<SELECT> </SELECT> → 메뉴나 리스트 생성

<OPTION> → <SELECT>의 선택 사항
=======================================================================================
플래쉬화일 링크
<embed src="http://user.chol.com/~statics/avi/ull.swf"width="640" height="480"> </embed>
<embed src="음악 주소">
<bgsound src="음악 주소"> - 배경음악
<embed src="음악주소" width="크기" height="크기">
<embed src="음악주소" loop="반복횟수">
<embed src="음악주소" loop="infinite"> -> 계속
<*font color=글색(영어로)*>내용<*/font*>
<*font color=red*>내용<*/font*>
<*font color=orange*>내용<*/font*>
<*font color=yellow*>내용<*/font*>
<*font color=green*>내용<*/font*>
<*font color=blue*>내용<*/font*>
<*font color=black*>내용<*/font*>
<*font color=gray*>내용<*/font*>
<*font color=brown*>내용<*/font*>
<*img src=주소*> - 그림넣기
<*style*>body{*background=url(주소)*}<*/style*> - 배경넣기
<*a href=링크할 주소*>내용,이미지<*/a*>
<*a href=http://www.znnteam.co.to.*><*/a*> -링크달기
<*center*>하구싶은말<*/center*> - 중간정렬
<*marquee behavior=alternate*>그림주소<*/marquee*> 그림왕복
<*marquee direction=left*>그림주소<*/marquee*> 왼쪽으로
<*marquee direction=right*>그림주소<*/marquee*> 오른쪽으로
<*marquee direction=up*>그림주소<*/marquee*> 밑에서 위로
<*marquee direction=down*>그림주소<*/marquee*> 위에서 밑으로
<*marquee scrollamount=30*>그림주소<*/marqee*> 빨리지나가기

★이미지 태그★
▶사진 크기 조절하는것
<*width=400 height=400 border=10>
▶사진에 명암주기
<*style="filter:alpha(opacity=100, style=2, finishopacity=0)">
▶글씨대빵 큰거 소스
<*p style=font-size=500pt><*FONT FACE=궁서


'EMBED' 는 '끼워넣다' 라는 사전적인 뜻을 가지고 있는 단어입니다.
이 EMBED 태그는 사전적인 의미 그대로 'HTML 페이지에서 동영상이나 플래시같은
멀티미디어 파일을 끼워넣어 실행되게 하고 싶을 때' 사용하는 태그가 되겠습니다.
'왜 끼워넣는다고 하지?' 라는 의문을 가지시는 분들이 있을것 같은데요.
그 이유는.. 기본적으로 HTML 에서는 멀티미디어 파일의 재생을 지원하지 않기 때문입니다.
따라서 EMBED 태그를 사용하기 위해서는 해당 멀티미디어 파일을 HTML 과 연결시켜주는 프로그램
(이것을 전문 용어로 플러그인 프로그램이라고 합니다) 이 설치가 되어 있어야 합니다.
즉 HTML 에서 동영상을 보기 위해서, 또는 음악(SOUND) 을 듣기 위해서는
윈도우즈 미디어 플레이어(Windows Media Player 가 설치되어 있어야 하며,
플래시를 실행 시키기 위해서는 쇼크웨이브(Shockwave) 라는 플러그인 프로그램이
설치되어 있어야 한다는 것이지요.


참고로, 웹에서 주로 링크되는 동영상들의 확장자는 ASF, WMV, AVI, MPG 등이 있고요.
플래시 파일의 확장자는 대부분 SWF 파일이라는 것을 기억해 두시면 좋겠네요.

자, 그럼 이제 본격적으로 EMBED 태그를 어떻게 사용해야 할지 알아보도록 하겠습니다.
우선 EMBED 태그의 속성을 살펴 보도록 하겠습니다.

1. SRC
SRC 속성은 원본을 의미하는 'source' 라는 의미의 속성이 되겠습니다.
(이 속성은 IMG 태그나 FRAME 태그에서도 살펴본 적이 있지요.)
이곳에는 원본 미디어 파일의 주소(URL)가 들어가게 됩니다.
만약 동영상이나 플래시 파일이 제대로 실행되지 않고 멈추어 있다면,
제일 먼저 이곳(SRC)의 링크에 이상이 있는 것은 아닌가~ 확인을 해보셔야 합니다.

2. WIDTH, HEIGHT
모든 태그에서 거의 공통적으로 사용하는, 넓이와 높이의 WIDTH 와 HEIGHT 는
이제 더이상 설명드리지 않아도 충분히 잘 알고 계실 것이라고 생각합니다.
이 속성들은 미디어 파일이 화면에 나타나는 크기를 의미합니다.
(단위가 픽셀(Pixel) 이라는 것. 노파심에 다시 한번 살짝 말씀드려 봅니다.)

3. LOOP
'반복할지의 여부' 를 의미하는 LOOP 속성은 해당 미디어 파일이 연속적으로
실행되게 할지, 아니면 단 한 번만 실행되게 할지를 결정하는 속성입니다.
만약 여기에 TRUE 또는 1 이라는 값을 넣으면 끊임 없이 무한정 반복되며,
FALSE 또는 0 의 값을 넣게 되면 단 한 번만 실행하고 멈추게 됩니다.
참고로 이 속성을 지정하지 않았을 때의 기본값은 FALSE 입니다.
또 한가지.. 만약 LOOP 속성에 0이 아닌 다른 숫자를 넣으시면 MARQUEE 태그처럼
그 숫자만큼 적용되는 것이 아니고 무한 반복됩니다. 혼동하시면 안되겠지요?

4. AUTOSTART
이 속성은 말 그대로 '자동으로 시작되게 할 것인지' 의 여부를 결정합니다.
LOOP 와 마찬가지로 TRUE 나 1 의 값을 넣으면 자동으로 미디어 파일이 실행되며,
FALSE 나 0 의 값을 넣으면 시작 버튼을 누르기 전까지는 실행이 되지 않습니다.
그리고, 이 속성 값을 지정하지 않았을 때의 기본값은 TRUE 입니다.
따라서 이 속성 값이 없는 경우에는 해당 미디어 파일이 자동적으로 실행 됩니다.

5. HIDDEN
HIDDEN 속성은 이 미디어 파일을 보여줄 것인지 숨길 것인지를 결정합니다.
예를 들어 동영상의 경우, 영상을 숨기고 소리만 들려주고 싶다던가..
여러가지 이유로 화면을 숨기고 싶을 때 이 속성에 TRUE 값을 적용합니다.
(이때는 1의 값을 적용하면 안되는 것 같더군요. TRUE 를 사용하실 것을 권장합니다.)
보여주고 싶다면 이 속성의 값에 FALSE 를 사용하시면 되지만, 이 속성의 기본 값이
FALSE 이기에 굳이 이 값은 넣어주지 않아도 무방할 것 같습니다.

6. VOLUME
미디어 파일의 소리(볼륨)의 크기를 지정합니다.
최대 크기의 볼륨으로 동영상을 감상하고 싶다면 이 속성에 0 값을 지정하면 되고,
마이너스 값이 점점 커질수록 볼륨의 크기는 점점 줄어들게 됩니다.
(제가 제 컴퓨터에서 Windows Media Player 9 로 테스트 해본 결과로는
0 이 최대의 볼륨이고, -3400 정도가 최소의 볼륨인 것 같습니다만.. 뭐, 이 결과는
환경에 따라 달라질 수 있으니까요. 최대 볼륨이 0 이라는 것만 기억하시기 바랍니다.)
만약 이 속성에 양의 정수 값을 입력하면 볼륨은 절반 정도로 자동 조절됩니다.
또한 이 속성 값을 지정하지 않았을 때에도 볼륨은 절반 정도가 되는 것 같습니다.

7. MUTE
MUTE. 즉, '음소거' 라는 기능을 여러분들께서는 잘 아실겁니다.
(TV 리모콘을 자주 만지는 분이시라면 더더욱 잘 아실 것 같습니다.)
이 속성은 말 그대로 '완전히 소리를 나오지 않게 하는' 속성인데요.
이 속성 값에 TRUE 또는 1 의 값을 입력하면 '음소거' 된 상태로 재생이 되고,
FALSE 또는 0 의 값을 입력하면 정상 볼륨으로 파일이 재생됩니다.
물론 이 속성의 기본값은 FALSE 입니다. 소리는 정상적으로 나오게 되지요.

8. PLUGINSPAGE
HTML 페이지에서 EMBED 태그는 멀티미디어 파일을 끼워넣기 위한 태그이며,
플러그인 프로그램이 설치되어 있어야만 파일이 실행된다는 말씀을 위에서 드렸는데요.
플러그인 프로그램이 설치되어 있지 않은 사용자들을 위하여 그 플러그인 프로그램을
설치할 수 있도록 해당 플러그인을 제공하는 사이트의 주소(URL)를 알려주는 속성이
바로 이 PLUGINSPAGE 속성이 되겠습니다.
즉, 이 속성은 플러그인 프로그램이 설치되어 있지 않은 사람들을 위한 속성입니다.

9. SHOWCONTROLS
이 속성은 동영상을 실행할 때 아래 그림과 같은 재생, 멈춤, 볼륨 조절 등의
컨트롤 패널을 보여줄 것인지를 결정하는 속성입니다..
이 속성에 TRUE 또는 1 의 값이 들어가면 이 컨트롤이 보여지게 되며,
FALSE 또는 0 의 값이 들어가게 되면 컨트롤은 사라집니다.
(대신 이 컨트롤의 크기만큼 화면의 크기가 늘어나게 됩니다.)
이 속성의 기본값은 TRUE 이므로, 기본적으로 이 컨트롤은 보여지게 됩니다.

10. SHOWSTATUSBAR
SHOWSTATUSBAR 속성은 동영상을 실행하는 경우에 아래 그림과 같은 상태창이
보여지게 할 것인지 아닌지를 결정하는 속성입니다.
이 속성에 TRUE 또는 1 의 값이 들어가면 상태창이 보여지게 되며,
FALSE 또는 0 의 값이 들어가게 되면 상태창은 보여지지 않게 됩니다.
이 속성의 기본값은 FALSE 이므로 기본적으로 상태창은 보여지지 않습니다.


지금까지 말씀드린 속성들이 EMBED 태그를 사용할 때 유용하게 사용되는 속성들입니다.
물론 이 외에도 많은 속성들이 있습니다만, 위의 속성들만큼 자주 쓰이지는 않는 것 같습니다.
(더 많은 속성들이 궁금하시면 관련 서적이나 사이트들을 참고하시기 바랍니다.)

참고삼아 말씀드리자면.. 위에서 설명드린 속성은 대부분 동영상에 관련된 속성들입니다.
플래시와 관련된 속성들은 보통 SRC 와 WIDTH, HEIGHT 속성 정도를 사용합니다.
(물론 태그 사용 방법은 동영상의 경우와 같기에 설명은 하지 않도록 하겠습니다.)

오늘은 멀티미디어 파일을 페이지에 삽입시키는 EMBED 태그에 대해서 공부해 보았습니다.
클럽이나 카페 등을 돌아다니다가 재미있는 동영상 또는 플래시 파일들을 발견하고는
'이 미디어 파일들을 내 홈페이지나 클럽으로 옮겨 놓을 수 있었으면 좋겠다' 라는 생각.
웹서핑을 즐기는 분들이시라면 누구나 한번쯤은 해보게 될 것 같은데요.

그런 경우 다음과 같은 순서대로 하시면 쉽게 목적을 달성하실 수 있을 것 같습니다.

1. 해당 페이지에서 마우스 오른쪽 버튼을 누른 후, '소스보기' 메뉴를 선택한다.
2. 그 페이지의 소스가 메모장에서 열리는 것을 확인한다.
3. 'F3' 버튼, 또는 'Ctrl+F' 버튼을 눌러 찾아보기 창을 띄운다.
4. 그 창에 'EMBED' 라는 문장을 입력한 후 '다음 찾기' 버튼을 클릭한다.
5. 검색된 부분의 소스를 복사해서 내가 원하는 페이지로 옮겨온다.

동영상이나 플래시 파일의 경우, 거의 대부분의 경우 EMBED 태그를 사용하기 때문에
EMBED 태그만 잘 알고 계시면 여러분이 원하시는 페이지로 쉽게 옮기실 수 있을 것입니다.
(물론 EMBED 외에 다른 방법이 전혀 없는 것은 아닙니다만, 가장 일반적인 방법이므로
대부분의 경우에는 어렵지 않게 원하시는 소스를 얻으실 수 있을 것입니다.)


?

List of Articles
번호 제목 글쓴이 날짜 조회 수
1422 맛집 메뉴 업데이트중 2005.02.15 1384
1421 사진기술향상 최유진 2005.02.16 1440
» 간단하고 자주 사용하는 태그 2005.02.17 1278
1419 아이들 게임..버즈라이트이어 슈팅 2005.02.21 1418
1418 곰돌이 푸 같은짝 찾기 2005.02.22 1409
1417 미키마우스가 골인하는 게임 2005.02.22 1385
1416 릴로와 스티치 핀볼게임 1 2005.02.22 1522
1415 칭찬은 고래도 춤추게 한다. file 2005.02.22 1214
1414 Birthday Boy file 2005.02.25 1251
1413 어딜 가는걸까.. file 2005.03.10 1173
1412 부적 file 2005.03.10 1264
1411 사오정 file 2005.03.10 1143
1410 눈오는 풍경 file 2005.03.10 1276
1409 인생관 1 최유진 2005.03.14 1469
1408 인연설.. file 최유진 2005.03.14 958
1407 세상에는 두 종류의 사람이 있다. 1 최유진 2005.03.18 1249
1406 원하는 환경을 만들어 가는 사람들 1 최유진 2005.03.18 1219
1405 깨끗하고 알차게 꾸며진 홈페이지를 다녀가면서. 1 솔벗 2005.03.23 1223
1404 아기를 행복하게 해 주는 노란색의 마술 1 최유진 2005.03.24 1276
1403 서울의 봄 꽃길 1 최유진 2005.03.29 1194
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 77 Next
/ 77
서버에 요청 중입니다. 잠시만 기다려 주십시오...