HTML Image/Audio/Video

uomnf97_web·2021년 4월 8일
0

HTML 시리즈

목록 보기
9/9
post-custom-banner

1. 이미지

  • <imag> : 이미지 태그와 다음에 있는 어트리뷰트를 이용하여 정의한다.
  • src : 이미지 파일 경로
  • alt : 이미지 파일이 없을 경우 표시되는 문장
  • width: 이미지의 너비 (CSS에서 지정하는 것이 일반적)
  • height: 이미지의 높이 (CSS에서 지정하는 것이 일반적)

2. 오디오

  • <오디오> : 오디오 태그와 다음에 있는 어트리뷰트를 이용하여 정의한다. HTML 5이하에서는 사용할 수 없다. Internet Explorer 8에서는 활용 불가능하다.
  • src: 음악 파일 경로
  • preload: 재생 전에 음악 파일을 모두 불러올 것인지 지정
  • autoplay: 음악 파일을 자동의 재생 개시할 것인지 지정
  • loop: 음악을 반복할 것인지 지정
  • controls: 음악 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다.

3. 비디오

  • <비디오> : 비디오 태그와 다음에 있는 어트리뷰트를 이용하여 정의한다. HTML 5이하에서는 사용할 수 없다. Internet Explorer 8에서는 활용 불가능하다.또한 브라우저 별로 차이를 보이는 것도 특징이다.
  • src: 동영상 파일 경로
  • poster: 동영상 준비 중에 표시될 이미지 파일 경로
  • preload: 재생 전에 동영상 파일을 모두 불러올 것인지 지정
  • autoplay: 동영상 파일을 자동의 재생 개시할 것인지 지정
  • loop: 동영상을 반복할 것인지 지정
  • controls: 동영상 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다.
  • width: 동영상의 너비를 지정
  • height: 동영상의 높이를 지정

참고: PoiemaWeb

profile
사회적 가치를 실현하는 프로그래머
post-custom-banner

0개의 댓글