1. 배우실때는 꼭 해보면서 해야합니다. 태그연습장을 키시고 연습하셔야 합니다.
[태그연습장 새창으로 열기 클릭!]
2. 윤미쩜넷에서는 가장 빈번히 사용되는 태그만 모아놓았습니다.
3. 가장 중요한 것은 빨간색 , 중요한 것은 파란색, 알아두면 좋을 것은 검정색
HTML
웹의 표준 HTML 문서는 마크업 태그(Markup)를 사용하여
제작된 웹문서를
뜻합니다. 마크업 태그란 HTML 문서 작성시 문장,
그림 등을 지정하는 언어이며 현재 버전은 HTML4.0입니다.
넵~ 많이들 기다리셧쬬~? 음악 태그. 음악을 들을 수 있게끔 할 수 있느 태그!
흑흑 ㅠㅠ 눈물이 앞을 가리죠~?
배경음악을 태그로 할 수 있는 방법은 두가지가 있습니다.
하나는 <bgsound src="음악주소"> 이고,
또하나는 <embed
src="주소"> 입니다.
bgsound태그는
배경음악으로만 사용할 수 있고,
embed태그는 배경음악으로도 쓸 수 있고, 동영상같은
멀티미디어 파일을 띄울 수도
있습니다.
배경음악 같은 경우는.... 플레이 버튼이나 멈춤버튼이 나오지 않습니다.
그페이지를 바로 열면 나오는 것이 배경음악이지요.
역시 그림파일과 마찬가지로 그림파일의 주소를 넣어줬드니 음악주소를 넣어줘야합니다.
다시말해 집 컴퓨터에 있는 mp3주소를 넣겠다하는 헛소리를 버려줘야죠.
* Bgsound *
음악파일주소 확장자가 mp3, mid, wma, wav 등일 경우에 사용하세요.
|
<bgsound src="http://www.yoonmi.net/zboard/data/music/koreasong.MP3"> |
실험은 태그연습장에서 해보시구요,
음악을 반복재생 하실려면, loop 속성을 아래처럼 추가하시면
됩니다.
|
<bgsound src="http://www.yoonmi.net/zboard/data/music/koreasong.MP3" loop="3"> |
loop="3" 은 3번 반복재생 이란 뜻입니다.
열번 반복하고 싶으면 loop="10" 이렇게 해주면 되겠죠.
** 그리고
loop="infinite" 으로 하시면 무한반복입니다. **
|
<bgsound src="http://www.yoonmi.net/zboard/data/music/koreasong.MP3" loop="infinite" > |
* Embed *
다음은 Embed 태그에 대해서 알아보죠. 여러분들이 원하던게 이걸 껍니다.
동영상, 음악 등을
띄울 수 있는 태그이며
멀티미디어 재생기가 뜹니다. (지원하는 파일-asx, asf, wma 등등..)
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx"> |
멀티미디어 재생기를 안보이게 하려면 hidden="true" 속성을 넣으세요.
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx" hidden="true" > |
그리고 embed 태그에서 재생기의 크기를 조절할 수 있는데
값을 width="70"
height="25" 로 하면
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx" width="70"
height="25"> |
깔끔한 재생기가 뜨죠~?
그런데 여기서 또 미친듯한 질문들이 쏟아져 나올텐데요~ 그런 바로 자동 재생과 아닌것!
여러분들이 한 태그는 모두 자동재생이죠. 그런데 그냥 자동재생하지 않고 플레이버튼
누를대만 재생이 되게 하려면? AutoStart="false" 이것을 추가해주시면 됩니다.
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx" AutoStart="false" > |
참고로 이 Embed 태그는 무한반복을 위해선 loop="-1"을 추가하시면 됩니다.
플레이어 상태가 에 색상 효과를 줘볼까 하는데요~? 요것은 그냥 팁이니
넘어가셔도 되고 사용해보셔도 됩니다 ^^*
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx" style="filter:invert();"> |
|
<embed src="http://www.yoonmi.net/zboard/data/music/MON_FRERE.asx style="filter:xray();"> |
동영상 태그기다리셨던 동영상 태그! 음악태그와 같은 형태로 몇가지만 추가될뿐 어렵지 않아요~
|
<embed src="http://www.yoonmi.net/zboard/study/namo_1/images/ex.wmv"> |
역시 무한반복을 위해선 위에 음악태그에서 배웠던 것 처럼 loop="-1"을 추가하시면 됩니다.
|
<embed src="http://www.yoonmi.net/zboard/study/namo_1/images/ex.wmv" loop="-1"> |
동영상 크기조절은 width 와 height 조절하시면 됩니다.
|
<embed src="http://www.yoonmi.net/zboard/study/namo_1/images/ex.wmv" width="500"
height="400" > |
깔끔하게 상태바를 없앨 수도있는데요. ShowControls="false"을 추가해주세요.
|
<embed src="http://www.yoonmi.net/zboard/study/namo_1/images/ex.wmv" ShowControls="false"> |
수고하셨습니다. 이정도면 여러분들 자유로운 이용이 가능할꺼에요.
자, 첫 번째로 끝냈다면 다시 기초태그 한번 더 복습 잊지마세요.
한번 더 보시기를 권장합니다.
그 다음에 나모웹에디터 프로그램을 켜시고 이제 공부를 시작하세요!