so woon!

tag (img) 본문

HTML/개념정리

tag (img)

xowoony 2022. 8. 25. 21:44 
<!DOCTYPE html>

<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>IMG태그</title>
    </head>
    <body>
        <img alt="사과" src="http://kormedi.com/wp-content/uploads/2020/10/roman-samokhin-580x4291-580x429.jpg" width="500">
    </body>
</html>
==결과==

태그(img)
- 중요도 : 🔴🔴🔴🔴🔴
- 종류 : 자동으로 닫는 태그
- img태그 혹은 이미지(Image)태그는 이미지를 삽입하기위해 사용한다.
- 시멘틱(Semantic) : 있음
- 속성
  - src : (Source) 표시할 이미지의 경로를 지정한다.
  - alt : (Alternative) 위 src속성의 경로를 탐색하지 못했을때 표시할 대체 텍스트. 혹은 시각 장애인을 위한 이미지에 대한 설명을 TTS가 읽을때의 값이다. 이 속성이 없으면 HTML5 표준 위반.
  - width : 이미지의 가로크기를 픽셀 단위로 지정한다. 잘 안씀.
  - height : 이미지의 세로크기를 픽셀 단위로 지정한다. 잘 안씀.

 

저작자표시 비영리 변경금지

'HTML > 개념정리' 카테고리의 다른 글

경로 (Path)  (0) 2022.08.27
tag (iframe)  (0) 2022.08.25
tag (sup), tag (sub)  (0) 2022.08.25
tag (a)  (0) 2022.08.25
tag (p)  (0) 2022.08.25
'HTML/개념정리' Related Articles more
Comments