1. 이미지(사진,그림) 올리기
2. 음악 올리기
3. 동영상 올리기
4. 하이퍼링크
5. 펌하기
html 을 이용한 기본적인 형식을 익힌다.
태그 속성도 기본적인 것만 이해를 해 둔다.
태그란 꺽쇠 모양(< >)을 한 것이고,
태그 속성이란 태그 안에 일정한 문자나 숫자를 입력시켜서 그 실질적 기능을 활성화시키는,
쉽게는 실체를 보여주는 성질을 갖는 것들이다.
예) embed, img, bgsound, iframe, width, height, font color, font size, a href 등
참고로 아래를 보면 따옴표를 이용한 것도 있고, 없는 것도 있는데,
원래 따옴표를 이용해 주는 것이 원칙이고, 웹 브라우저 종류의 특성을 타지 않는다.
그러나 요즘엔 대개는 이 따옴표를 쓰지 않아도 웹상에서는 자동으로 인식하기도 한다.
만일 입력한 부분이 정확하고 자료도 있는데도, 문제가 있다면,
따옴표를 입력해서 사용를 해보길 바란다.
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 )
대충 눈치를 챘겠지만,
참,거짓으로 true, false, 이진값으로는 1,0을 사용하고 있다.
물론 무한반복을 시키고 싶지 않다면 처음부터 이 속성(loop)을 입력해 주지 않으면 된다.
(2) bgsound
기본형식
<bgsound src=인터넷음악주소>
이건 다른 태그 속성을 추가적으로 입력해 주지 않더라도 미디어플레이어가 화면에 나타나지 않아서, 배경음악으로 많이 사용한다.
즉 bgsound 는 백그라운드사운드라는 뜻이다.
음악을 무한반복으로 듣고 싶다면 ( loop="infinite"를 사용 )
|
bgsound |
embed |
|
음악이 시작될 때 약간의 버퍼링이 생길 수 있다.
재생툴이 화면에 나타나지 않고 음악만 나온다.
활성창을 최소화하면 음악이 진행중임에도 불구하고 사운드가 off 된다.
최소화를 해제하면 다시 사운드가 나온다.
|
음악시작시 버퍼링이 발생할 수도 있으나, bgsound 보다는 로딩속도가 짧다.
화면에 재생 툴을 안보이게 하려면 hidden=true 속성을 이용하면 된다.
활성창을 최소화해도 사운드가 나온다.
무한반복 태그속성은
loop=1, loop=true
|
2.음악사이트의 전용플레이어를 이용하는 방법
음악사이트를 가보면 윈도미디어플레이어가 아닌 해당 사이트의 전용 플레이어로 감상을 하는 경우를 볼 것이다. 이 플레이어로 그대로 링크를 걸어주는 방법이다.
기본형식
<iframe src=인터넷음악주소>
예) 벅스뮤직
|
3. 동영상 올리기
|
기본형식
<embed src=인터넷동영상주소>
그리고 동영상화면크기를 조절하고 싶다면 (가로 500, 세로 600),
<embed src="http://파일주소/파일명" width="500" height="600"> |
4. 하이퍼링크
|
기본형식
<a href=인터넷주소>링크대상이름</a>
예)
마이클럽 글자를 누르면 마이클럽 홈페이지를 열게 된다.
마이클럽의 글자를 보기 좋게 꾸며 줄 수도 있다.
크기 조절은 font size, 색상은 font color, 글꼴은 font face, 굵게는 b
글꼴의 경우, 윈도에 기본적으로 설치되어 있는 기본 글꼴을 사용해야 방문자의 컴퓨터 사용환경에 관계없이 그대로 적용이 되지, 독특한 글꼴을 사용하는 경우에는 그 글꼴이 사용자의 폰트에 깔려있지 않다면 적용이 되지 않는다.
마이클럽의 글자를 다음처럼 보이게 하려면,
궁서체, 크기는 20, 빨강, 고딕(굵게)
보다시피, 해당 태그 속성을 입력해 주고, 속성이 적용되어지는 부분이 끝나면, 반드시 /font, /b 등처럼 속성적용종료 표시를 해주어야 된다.
그 밖의 글자 모양 속성은 다음과 같다.
|
<i> </i> |
이탤릭체 |
|
<sub> </sub> |
아래 첨자 |
|
<sup> </sup> |
윗첨자 |
|
<u> </u> |
밑줄 |
|
<tt> </tt> |
타자기체 | |
5. 펌하기
|
1.신문기사나 다른 사람의 글을 화면 그대로 펌할 때
기본형식
<iframe=인터넷페이지주소>
크기를 조절하고 싶다면 width, hight 의 태그속성을 이용한다.
2.소스보기를 이용해서 게시내용만 드래그 및 복사한 후,
올리고자 하는 html 적용 게시판에 붙이기만 해 줘도 된다.
3.글만 복사해서 올린 후, 이미지나 동영상은 소스를 알아내서,
직접 태그 형식을 갖추어 올려도 되겠다.
※ 참고로 펌했을 경우, 이미지나 동영상이 제대로 안나오는 경우는,
이미지나 동영상의 인터넷주소를 생략없이 모두 입력을 해 보도록 한다.
예)
스포츠신문인 경우 다음처럼 입력이 되어 있고, 이미지가 안나온다면,
<img src="/photo/박찬호.jpg>
아래처럼 입력해 본다.
<img src="http://ww.sportsseoul.com/photo/박찬호.jpg> | |