Salangdung_i의 기록

HTML 멀티미디어 태그 본문

WEB FRONT END/HTML5+CSS

HTML 멀티미디어 태그

Salangdung_i 2021. 10. 29. 14:25
728x90
  • object : 웹 문서에 외부 파일을 삽입하는 태그
  • audio : 오디오 파일을 삽입하는 태그
  • video : 비디오 파일을 삽입하는 태그
  • source : 모든 브라우저를 지원하기 위해 다양한 형식으로 변환된 비디오를 삽입하는 태그
  • track : 비디오에 자막 파일을 연결해 표시하는 태그

<object> 태그와 <embed> 태그 - 플러그인 사용하기
플러그인 : 웹 브라우저에서 처리 할수 없는 작업을 위해 웹 문서안에 포함시킨 외부 프로그램 기능

  • <object> 태그의 속성
    • data : 외부 파일의 경로를 지정합니다.
    • type : 포함시킨 내용의 유형을 지정합니다.
    • name : 다른 요소들과 구분할 수 있는 이름을 지정합니다.
    • width : 포함시킨 내용의 너비 값을 지정합니다.
    • height : 포함시킨 내용의 높이  값을 지정합니다.
  • <autio> 태그
    • autoplay : 오디오를 자동 재상한다.
    • controls : 웹 화면에 컨트롤 막대를 표시한다.
    • loop : 오디오를 반복 재생한다.
    • muted : 오디오를 재생해 진행하지만 소리는 끈다.
    • preload : 재생 버튼을 눌러 재생하기 전에 오디오 파일을 다운로드해 준비해 둔다.



참고 서적
http://m.yes24.com/Goods/Detail/85112155?pid=157529

Do it! HTML5+CSS3 웹 표준의 정석 - YES24

7년 연속 웹 분야 1위시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다7년 연속 웹 분야 1위를 굳건히 지키고 있는 『Do it! HTML5+CSS3 웹 표준의

m.yes24.com

(Do it! HTML5+CSS3 웹표준의 정석, 이지스퍼블리징(주), 2017)을 학습하고 개인 학습용으로 정리한 내용입니다.

"Icon made by Pixel perfect from www.flaticon.com"

728x90

'WEB FRONT END > HTML5+CSS' 카테고리의 다른 글

CSS 텍스트 관련 스타일  (0) 2021.11.01
CSS 기초  (0) 2021.11.01
HTML5 시멘틱태그  (0) 2021.10.28
HTML 폼 태그  (0) 2021.10.28
HTML 이미지 관련 태그  (0) 2021.10.28