HTML

04. 이미지 및 멀티미디어 태그 (html)

비보호신호등 2024. 8. 27. 17:33

src속성

img src = 삽입하려는 이미지의 경로 [alt = "이미지 설명문구"] width = "가로길이" height = "세로길이"

 

alt속성

이미지의 경로가 잘못됐거나 이미지를 제대로 표현해줄 수 없을 때 대체 텍스트로 사용

시각장애인들을 위한 스크린리더에서 이미지를 읽어주는 설명문구

 

width속성과 height 속성

고정길이단위(px) : 화면 사이즈가 변경되도 이미지크기는 변경되지 않는다.

 

 

가변길이단위(%) : 화면 사이즈 또는 부모요소 사이즈에 따라서 이미지 크기도 변경된다.

 

 

 

미디어 관련 태그

<audio src = "" controls autoplay loop></audio>

src : 오디오파일경로

controls : 재생도구 출력여부

autoplay : 자동재생 여부(크롬 x)

loop : 반복 재생

<audio src="" controls loop autoplay></audio>

 

 

비디오 관련 태그

<video scr = "" controls autoplay loop width="" height="" poster="썸네일경로"></video>

  <video src=""
        controls
        autoplay
        loop width="300"
        height="200"