이미지 관련 태그 및 속성
이미지 관련 태그
<img src="삽입하고자하는 이미지의 경로 " width="이미지의 가로길이"
height="이미지의 세로길이" alt="이미지 대체 문구">
src 속성
alt 속성
- 사진의 경로가 잘못되거나 이미지를 제대로 표현할수 없을때 대체 텍스트
- 시각장애인들을 위한 스크린리더(화면낭독기)에서 이미지를 읽어주는 설명 문구
width / height 속성
- 이미지의 가로, 세로 길이 조정
- 고정길이, 가변길이로 조정
- 고정길이(px, 기본값) : 화면 사이즈가 조정되어도 크기 변함이 없음
- 가변길이(%) : 화면 사이즈나 부모요소 사이즈에 따라 이미지 크기가 바뀜
미디어 관련 태그 및 속성
오디오 관련 태그
<audio src="" controls autoplay loop></audio>
비디오 관련 태그
<video src="" controls autoplay loop width="" height="" poster =""></video>
- src : 오디오, 비디오 경로
- controls : 자동재생 여부 지정
- autoplay : 자동 재생
- loop : 반복재생 여부 지정
- poster : 썸네일 (비디오만)
