반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>이미지 삽입</title>
</head>
<body>
<!--
<img> 태그
- 웹 문서에 이미지 삽입
<img> 태그 속성
- src : 이미지 파일 저장된 경로 지정
- alt : 이미지를 표시하지 못했을 때 대체되는 텍스트
- width/height :
- style :
- border :
-->
<h1>샐러드</h1>
<img src="images/salad.jpg" alt="샐러드 이미지">
<h1>width="50%", height="50%"로 지정한 이미지<br>(브라우저 크기의 50%)</h1>
<img src="images/salad.jpg" alt="샐러드 이미지" width="50%", height="50%">
<h1>width="150px"로 지정한 이미지</h1>
<img src="images/salad.jpg" alt="샐러드 이미지" width="150px">
</body>
</html>
반응형
'IT > HTML' 카테고리의 다른 글
| HTML 3일차 - form 태그 (0) | 2023.05.09 |
|---|---|
| HTML 2일차 - 하이퍼링크(a) (0) | 2023.05.09 |
| HTML 2일차 - 미디어태그(audio, video) (0) | 2023.05.09 |
| HTML 2일차 - 미디어태그(object, embed) (0) | 2023.05.09 |
| HTML 1일차 - 태그 (0) | 2023.05.09 |