c23 [HTML] 이미지 태그
본문 바로가기
[HTML]

[HTML] 이미지 태그

by Jarvis2304 2022. 9. 24.

 

▶ 이미지 태그

● <img src="이미지 파일 경로"  속성이름="속성값">

 

[속성이름]

[속성값]

src

이미지 파일의 URL

alt

체용 텍스트
(이미지가 없거나 손상되는 등 이미지를 출력 할 수 없는 경우 출력되는 문자열)

width

이미지 너비

height

이미지 높이

 

▶ 이미지 파일 경로 :현재 HTML문서에서 이미지 파일이 있는 곳까지 어떻게 찾아가야 하는지를 알려 주는 것

- 웹 문서 파일의 위치를 기준으로 함

- 웹 문서 파일과 이미지 파일이 같은 경로에 있다면, <img src="picture_name.jpg>와 같이 이미지 파일 이름만 적으면됨

- 웹 문서 하위 폴더에 이미지 파일이 있다면, <img src="하위 폴더 이름/picture_name.jpg">와 같이 경로에 하위 폴더 이름을 추가

- 이미지 링크(사이트의 주소)로도 이미지 연결 가능

 

 

 

See the Pen Untitled by jin2304 (@jin2304) on CodePen.

 

 

 

참고문헌: DO it! HTML5 + CSS + 자바스크립트 웹 표준의 정석, 명품 HTML5 + CSS3 + Javascript 웹 프로그래밍 

'[HTML]' 카테고리의 다른 글

[HTML] 미디어 태그  (0) 2022.10.04
[HTML] 표(table)  (0) 2022.09.27
[HTML] 목록 태그  (0) 2022.09.21
[HTML] 글자 태그  (1) 2022.09.21
[HTML] 시멘틱 태그  (1) 2022.09.21

댓글