스크랩 이미지 사진 음악 동영상 올리기와 하이퍼링크

[하얀사랑]

1.이미지(그림,사진)올리기

기본형식

<img src="인터넷이미지주소">

 

예를들면,

<img src="http://miclub.com/downfile/atom.jpg">

 

그리고 이미지 크기를 조절하고 싶다면 (가로 500, 세로 600),

<img src="http://miclub.com/downfile/atom.jpg" width="500" height="600">

 

  

2.음악올리기

 

두가지 방식으로 크게 나눠 볼 수 있겠는데,

 

1.단순 링크

 

대체로 두 가지 속성을 이용하게 된다.

embed 와 bgsound 

 

(1)embed

 

기본형식

<embed src=인터넷음악주소>

 

예)

<embed src=http://bugsmusic/자두-대화가필요해.mp3>

 

음악을 무한반복으로 듣고 싶다면( loop=true 혹은 loop=1 )

미디어재생기를 화면에 보이지 않게 하고 싶다면( hidden=true )

볼륨을 최대로 하고 싶다면 ( volume=0 )

자동재생이 안될 경우 ( autostart=1 )

 

<embed src=http://bugsmusic/자두-대화가필요해.mp3  loop=true hidden=true>

 

대충 눈치를 챘겠지만,

참,거짓으로 true, false, 이진값으로는 1,0을 사용하고 있다.

물론 무한반복을 시키고 싶지 않다면 처음부터 이 속성(loop)을 입력해 주지 않으면 된다.

 

(2)bgsound

 

기본형식

<bgsound src=인터넷음악주소>

 

이건 다른 태그 속성을 추가적으로 입력해 주지 않더라도 미디어플레이어가 화면에 나타나지

않아서, 배경음악으로 많이 사용한다. 즉 bgsound 는 백그라운드사운드라는 뜻이다.

 

음악을 무한반복으로 듣고 싶다면 ( loop="infinite"를 사용 )

 

bgsound	embed
음악이 시작될 때 약간의 버퍼링이 생길 수 있다. 재생툴이 화면에 나타나지 않고 음악만 나온다. 활성창을 최소화하면 음악이 진행중임에도 불구하고 사운드가 off 된다. 최소화를 해제하면 다시 사운드가 나온다. 무한반복 태그속성은  loop=infinite	음악시작시 버퍼링이 발생할 수도 있으나, bgsound 보다는 로딩속도가 짧다. 화면에 재생 툴을 안보이게 하려면 hidden=true 속성을 이용하면 된다. 활성창을 최소화해도 사운드가 나온다.   loop=1, loop=true

 

 

2.음악사이트의 전용플레이어를 이용하는 방법

 

음악사이트를 가보면 윈도미디어플레이어가 아닌 해당 사이트의 전용 플레이어로 감상을 하는

경우를 볼 것이다. 이 플레이어로 그대로 링크를 걸어주는 방법이다.

 

기본형식

<iframe src=인터넷음악주소>

 

예) 벅스뮤직

<iframe src=http://player.bugs.co.kr/player5/playero.asp?idx=kor01254405>

 

 

 

3.동영상 올리기

 

기본형식

<embed src=인터넷동영상주소>

 

그리고 동영상화면크기를 조절하고 싶다면 (가로 500, 세로 600),

<embed src="http://파일주소/파일명" width="500" height="600">

 

 

 

4.하이퍼링크

 

기본형식

 <a href=인터넷주소>링크대상이름</a>

 

예)

 <a href=http://miclub.com/>마이클럽</a>

 

마이클럽 글자를 누르면 마이클럽 홈페이지를 열게 된다.

 

마이클럽의 글자를 보기 좋게 꾸며 줄 수도 있다.

크기 조절은 font size, 색상은 font color, 글꼴은 font face, 굵게는 b

 

글꼴의 경우, 윈도에 기본적으로 설치되어 있는 기본 글꼴을 사용해야 방문자의 컴퓨터 사용

환경에 관계없이 그대로 적용이 되지, 독특한 글꼴을 사용하는 경우에는 그 글꼴이 사용자의

폰트에 깔려있지 않다면 적용이 되지 않는다.

 

마이클럽의 글자를 다음처럼 보이게 하려면,

궁서체, 크기는 20, 빨강, 고딕(굵게)

 

<a href=http://miclub.com><font face=궁서체 font size=20 font color=red><b>마이클럽</font></b></a>

 

보다시피, 해당 태그 속성을 입력해 주고, 속성이 적용되어지는 부분이 끝나면,

반드시 /font, /b 등처럼 속성적용종료 표시를 해주어야 된다.

 

그 밖의 글자 모양 속성은 다음과 같다.

<i> </i>	이탤릭체
<sub> </sub>	아래 첨자
<sup> </sup>	윗첨자
<u> </u>	밑줄
<tt> </tt>	타자기체

 

 

 

5.펌하기

 

1.신문기사나 다른 사람의 글을 화면 그대로 펌할 때

 

기본형식

<iframe=인터넷페이지주소>

 

크기를 조절하고 싶다면 width, height 의 태그속성을 이용한다.

 

2.소스보기를 이용해서 게시내용만 드래그 및 복사한 후,

올리고자 하는 html 적용 게시판에 붙이기만 해 줘도 된다.

 

3.글만 복사해서 올린 후, 이미지나 동영상은 소스를 알아내서,

직접 태그 형식을 갖추어 올려도 되겠다.

 

 

※ 참고로 펌했을 경우, 이미지나 동영상이 제대로 안나오는 경우는,

이미지나 동영상의 인터넷주소를 생략없이 모두 입력을 해 보도록 한다.

 

예)

스포츠신문인 경우 다음처럼 입력이 되어 있고, 이미지가 안나온다면,

<img src="/photo/박찬호.jpg>

 

아래처럼 입력해 본다.

<img src=http://www.sportsseoul.com/photo/박찬호.jpg>