[HTML] 이미지,멀티미디어

2024. 6. 4. 16:56· FrontEnd/html
목차
  1. 1.이미지
  2. 2.오디오
  3. 3.비디오
728x90


1.이미지

  1. src 이미지 경로
  2. alt 이미지 없을경우 표시되는 문장
  3. width 너비
  4. height  높이
<img src="https://media1.tenor.com/m/y2JXkY1pXkwAAAAC/cat-computer.gif" alt="타자치는 고양이", width="100",height="100">
타자치는 고양이

 

 

 

2.오디오

  1. src 파일 경로
  2. preload 재생 전에 음악 파일을 모두 불러올 것인지 지정
  3. autoplay 자동재생 지정
  4. loop 음악반복 지정
  5. controls 음악 재생 도구를 표시 지정

 

 

 

3.비디오

  1. src 파일 경로
  2. poster 동영상 준비 중에 표시될 이미지 파일 경로
  3. preload 재생 전에 동영상 파일을 모두 불러올 것인지 지정
  4. autoplay 자동 재생 지정
  5. loop 반복 지정
  6. controls 동영상 재생 도구 표시 지정.
  7. width 너비 지정
  8. height 높이 지정

 

 

 

 

728x90
저작자표시 (새창열림)

'FrontEnd > html' 카테고리의 다른 글

[HTML] 폼 태크  (1) 2024.06.05
[HTML] 목록, 테이블  (0) 2024.06.04
[HTML] Hyperlink  (0) 2024.06.04
  1. 1.이미지
  2. 2.오디오
  3. 3.비디오
'FrontEnd/html' 카테고리의 다른 글
  • [HTML] 폼 태크
  • [HTML] 목록, 테이블
  • [HTML] Hyperlink
  • [HTML] 텍스트 태그
아사_
아사_
프로그래밍 공부한거 정리해두는 메모장 블로그
아사_
개발공부 블로그
아사_
전체
오늘
어제
  • 분류 전체보기
    • FrontEnd
      • html
      • css
      • JavaScript
      • Node.js
      • React
      • React Native
    • BackEnd
      • SpringBoot
      • FastAPI
      • PHP
      • Flask
      • supabase
    • Language
      • Python
      • JAVA
      • Kotlin
      • C++
    • Development Tools
      • AWS
      • GIT,GITHUB
      • Docker
      • 메시지 브로커
      • 기타 도구,플랫폼
    • Computer Science
      • 개발지식
      • Server&Network
      • Algorithm&DataStructure
      • Security
      • DataBase
      • OS
    • AI
    • 기타
      • 잡다
      • Android
      • 도서
    • 클론코딩
      • 생활코딩 Express.js
      • 점프 투 장고
      • 생활코딩 Node.js
    • 프로젝트
      • DevQuest

인기 글

최근 글

250x250
hELLO · Designed By 정상우.v4.2.2
아사_
[HTML] 이미지,멀티미디어
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.