이미지 & 멀티 미디어

1) 이미지 삽입

- <img scr = "이미지 파일 경로"  alt = " 이미지 안뜰때 대체용 테스트">

 

Width , height : 이미지 파일은 수정하지 않고 웹에서 보이는 이미지

- 크기만 조절하고 싶을 때 사용 (둘중 하나만 사용하면 알아서 비율 조정해서 보여줌)

 

% : 현재 웹 브라우저 기준 창의 너비와 높이 기준으로 이미지 크기 결정

 

Px : 해당 픽셀 만큼 ( 숫자만 입력 가능)

 

 

2) 오디오와 비디오 삽입하기

 

<object width = "너비" height = "높이" data = "파일"></object>

 

<embed src="파일경로" width = "너비" height="높이"> : 오디오,비디오,이미지 등 다양한 멀티미디어 파일 삽입 가능

 

<audio src = "파일 경로"></audio>

 

<video src = "파일 경로"></video>

<audio>,<video>태그의 속성

 

Control 속성: 사용자가 음악 및 동영상 재생 멈춤 가능

 

 

> <video src = "파일 경로" controls></video>

 

Autoplay: 자동으로 실행

 

Loop : 반복 재생