[HTML] 이미지 및 멀티미디어 관련 태그

1. 이미지 관련 태그

 

<img src = "삽입하고자하는 이미지의 경로(필수)" alt="이미지 설명 문구"

           width="이미지의 가로크기(px/%)" height="이미지의 세로크기(px/%)">

 

* alt

- 사진의 경로가 잘못되거나 이미지를 제대로 표현할 수 없는 경우 대체 텍스트의 용도

- 시각장애인들을 위한 스크린리더(화면 낭독기)에서 이미지를 읽어주는 설명 문구

 

웹 접근성 => 사용자의 신체적 특징이나, 지역, 나이, 지식수준 등을 고려해서

                  가능한 많은 사용자가 불편 없이 용할 수 있도록 서비스를 마들어서 제공하는 것

 

 

 

* width와 height 

- 이미지의 가로, 세로길이 조정가능

   고정길이(px), 가변길이(%)로 지정이 가능하다.

 

고정길이단위(px) == 기본값 : 화면사이즈가 조정이 되어도 이미지의 크기가 변동되지 않음

 

height(높이)는 고정임

---

2. 오디오 관련 태그

 

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

 

controls : 플레이어 

autoplaty : 자동재생 여부 지정

loop : 반복 재생여부 지정

 

 

---

3. 비디오 관련 태그

 

<video src="" controls autoplay loop width="" height="" poster""></video>

 

src : 비디오 파일의 경로

controls autoplay : 자동재생 여부 지정

loop : 반복 재생 지정

 

width, height : 가로, 세로길이

poster : 썸네일 이미지