[HTM] HTML <img> 이미지올리기, img태그와 속성

<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>