멀티미디어 - IMG 1

HTML/요소

컴공 윤서혜 학습일기 2020. 12. 29. 01:52

<img />

이미지를 삽입.

속성	의미	값	특징
src	(필수) 이미지 URL	URL
alt	(필수) 이미지의 대체텍스트
width	이미지의 가로 너비
height	이미지의 세로 너비
srcset	브라우저에게 제시할 이미지 URL과 크기의 목록을 정의	w, x
sizes	미디어 조건과 해당 조건일 때의 이미지 크기를 정의
crossorigin	가져 오기가 CORS를 사용하여 수행되어야하는지 여부	anonymous, use-credentials
ismap	서버 측 이미지 맵으로 지정해 클릭하여 좌표를 쿼리스트링으로 서버에 전송할지 여부	Boolean	<img/>가 유효한 href 속성을 가진 <a>의 하위 요소인 경우에만 허용
usemap	클라이언트 측 이미지 맵으로 지정	<map>의 ID속성 값	<a>, <button>의 하위 요소인 경우 사용 불가

크기를 조정하거나 줄이기 위해서 이미지 크기를 변경할때는 width나 height 둘중에 하나만 설정하는것이 좋다.

하지만 CSS를 사용하는것이 더 좋다.

<body>
    <img src="./images/heropy.png" alt="HEROPY" width = "333">
</body>

YoonStudyNote

YoonStudyNote