N스크린하이브리드앱과정/HTML&CSS

[5일차] 웹표준 HTML: 멀티미디어 파일 삽입

광천스러움 2013. 7. 19. 11:02

*멀티미디어 파일 삽입하기 - <embed><hidden><autostart>

embed 태그를 활용하여 음악, 동영상, 플래시 파일 등을 삽입할 수 있다.

 

사용법은 앞 포스팅에서 언급했던 img태그의 형식과 같다.

 

소스보기

 

소스코드를 보면 알 수 있듯이 다양한 옵션을 지정할 수 있는데,

hidden="true 혹은 false" <-- 동영상을 숨길 수 있다.

autostart="true" <-- 멀티미디어를 웹페이지 실행과 동시에 자동으로 실행한다.

 

※ 플레이어를 이쁘게 꾸미려면, 자바 스크립트를 활용한다.

 

 

*주석 넣기

주석은 <!--주석--> 이런 식으로 넣을 수 있다. 느낌표(!)가 주석임.

 

 

*top프레임 만들기(홈페이지에서 위에 메뉴가 있는 부분)

 

소스보기

 

 

*main프레임 만들기

main프레임 안의 테이블은 3등분으로 이루어져 있다.

 - 첫번째 표 : 플래시 파일

 - 두번째 표 : 백그라운드

 - 세번째 표 : 표 안에 또 표가 들어갈 예정

이런 식으로 구성이 될 것이며, 오늘 수업에는 아직 세번째 표의 구성은 이루어지지 않았다.

 

소스코드

/(ㅇ_ㅇ)//