Front/HTML
[HTM] HTML <img> 이미지올리기, img태그와 속성
JongHyun99
2021. 1. 7. 14:17
728x90
<img>
<img> 는 이미지를 삽입할 수 있는 태그로 src속성으로 좌표를 지정해준다.
빈속성으로 닫는 태그가 따로 없다.
<img src="좌표"/>
IMG태그 사용법
속성의 종류
- src (이미지의 좌표) / source
- alt (대체 텍스트, 이미지에 대한 설명이며 이미지가 에러로 인해 출력되지 않을 시 alt 값 출력이며 구체적으로 표기해두는것을 권장) /alternative
- width (이미지의 가로 길이)
- height (이미지의 세로 길이)
<a href ="링크 좌표">
<img src ="이미지 좌표"/>
</a>
위와 같이 img 태그를 <a>태그로 감싸 이미지 링크를 만들 수 있다.
임의의 사진 출력 실습
코드샘플
<p>
<img src="https://img.huffingtonpost.com/asset/5d706d18240000ba027556ee.jpeg?ops=1200_630" alt="강에서 세수하는 수달"/>
</p>