[Day 5] 이미지, 오디오, 비디오, 다양한 파일, 하이퍼링크 삽입(HTML의 다양한 태그들 - 4)

1. 이미지 삽입에 사용하는 <img> 태그 - 닫는 태그 없음 <img src="파일경로" width="너비" height="높이" alt="대체텍스트"> - width="100%" 라고 명시하면 이미지를 웹 브라우저 창 너비에 딱 맞출 수 있음 2. 오디오 삽입에 사용하는 <audio> 태그 <audio src="파일 경로" loop="반복횟수" controls></audio> audio 태그 속성(속성은 안써도 됨 선택사항) - controls : 미디어 제어기(컨트롤 바) 표시 - autoplayer : 자동 실행 (브라우저에 따라 이 속성이 안될 수도 있음. 그 경우 muted 속성 사용해서 음소거 해주면 속성 사용 가능) - ㅣoop : 반복 횟수 설정 - width, heiht : 너비와 높이 설정 - muted : 오디오나 비디오 소리를 제거 - preload : 페이지를 불러올 때 오디오 파일을 어떻게 로딩할 것인지 지정. auto, metadata, none 사용 ...

원문링크 : [Day 5] 이미지, 오디오, 비디오, 다양한 파일, 하이퍼링크 삽입(HTML의 다양한 태그들 - 4)