[HTML] HTML 마크업 요소 (이미지)

이미지 요소

● img
 - <img> tag를 사용하여 웹 문서에 이미지를 표현할 때 사용한다.
● 소스코드

<img src="image/test.jpg" width="80px" height="80px" alt="Test image">

속성	설명
src	이미지 파일명 또는 웹 상의 이미지 경로
Width	이미지의 너비
Height	이미지의 높이
alt	이미지가 없을 때 출력하는 메시지  * 청각장애인들을 위한 메시지로도 활용가능하다.

● figure
 - <figure>는 설명 글을 붙여야 할 대상을 지정한다.
 - <figcaption> : 설명 글이 필요한 대상은 <figure> 태그로 묶고 설명 글은 <figcaption> 태그로 묶는다.
 - 설명 글을 붙일 수 있는 대상을 이미지/오디오/비디오 같은 미디어파일이나 텍스트 단락이나 표이다.
● 소스코드

<figure>
    <img src="../img/SomE.jpg" title="안녕, 내이름은 솜이!" width="300" height="300" alt="고양이가 귀엽네요!">
    <figcaption>안녕, 내이름은 솜이!</figcaption>
</figure>

● 결과 (정상)

 

● 결과 (비정상) : img대신 alt 메시지 출력

---

HTML List

HTML List

---

  

기회는 준비된 자에게 찾아온다.

 

---