HTML, CSS 반응형 이미지 만들기

*HTML, CSS 반응형 이미지 만들기

- style="max-width:100%; height:auto;" 를 추가해 줌으로서 반응형 이미지를 만들 수 있다.

<a target="_blank" href="#">
    <img class="moon" src="images/moon1.jpg" style="max-width:100%; height:auto;"alt="달덩이">
</a>

a : 링크 태그
target="_blank" : 새 창에서 열기
href : 주소
img scr : 이미지 주소(이미지가 존재하는 경로)
style="max-width:100%; height:auto;" : 반응형 역할을 하게 해주는 태그, 가로 100%, 세로 자동