공지
최근에 올라온 글
최근에 달린 댓글
링크
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
태그
- rowspan
- database
- videoTag
- controls
- src
- 본문태그
- TR
- HTML시맨틱
- imgtag
- java
- 목록태그
- 랜덤숫자
- h1~h6
- maintext
- atag
- colspan
- 공유
- href
- autoplay
- HTML공유
- 복합 선택자
- HTML
- 부가가치세율
- audioTag
- HTML_Semantic
- explanation
- type
- HTML코드
- headings
- HTML학습
글 보관함
- Today
- Total
MUMYEONG
[HTML] 이미지태그 (img, src, alt, width, height) 본문
반응형
이미지태그 |
- 웹페이지에 이미지를 삽입하는 경우에 사용한다.
1) src 속성
- 이미지 파일의 경로 또는 URL을 넣는다.
2) alt 속성
- 이미지 파일이 없을 경우 표시된다.
3) width 속성
- 이미지의 너비를 지정한다.
4) height 속성
- 이미지의 높이를 지정한다.
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image</title>
</head>
<body>
<img src="image1.jpg" alt="이미지가 없으면 표시됨~~" width="500px" height="500px">
</body>
</html>
결과(이미지가 있는 경우)
결과(이미지가 없는 경우)
반응형
LIST
'Development > HTML' 카테고리의 다른 글
[HTML] 비디오(Video)태그 (1) | 2022.03.10 |
---|---|
[HTML] 목록(List)태그 (ul, ol, li, type) (1) | 2022.03.09 |
[HTML] 앵커(anchor)태그 (a, href, target) (1) | 2022.03.09 |
[HTML] 본문태그 (p, pre, q, br, hr) (1) | 2022.03.09 |
[HTML] 제목태그(h1,h2,h3,h4,h5,h6) (1) | 2022.03.09 |
Comments