HTML_Img

📚 HTML

📚 Img

HTML Img 란 무엇인가?

HTML <img> 는 이미지를 삽입하기 위해 사용된다.

• src 속성은 이미지 경로를 지정하기 위해 사용 된다. ( 상대경로, URL 경로 다 가능 )
• height, width 속성은 이미지 사이즈를 지정하기 위해 사용 된다.
• alt 속성은 이미지를 표시할 수 없을 때 대체하는 텍스트를 지정합니다.
• <figure>은 설명 글을 붙입니다.
• 설명 글이 필요한 대상은 <figure> 로 묶고 설명 글은 <figcaption> 로 묶는다.
• 설명 글을 붙일 수 있는 대상은 이미지나 오디오, 비디오 같은 미디어파일이나 텍스트 단락이나 표에 붙일 수 있다.

<figure>
  <img
    src="./../../images/orr.jpg"
    width="400"
    height="300"
    alt="너무 이쁜 오로라네요."
  />
  <figcaption>오로라가 참 이쁘네요.</figcaption>
</figure>

HTML Img 마무리

지금 블로그 쓰면서도 자주 이용하고 있는 이미지를 삽입하는 태그이다.
어렵지 않고 많이 쓰다보니 벌써 외워졌을 정도다 ㅎㅎ
그리고 정렬은 <p> 를 이용해서 해주면 된다.
자주 사용되는 것이니 잘 알아둘 필요가 있다.