▶ 이미지 태그
● <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 |
댓글