[HTML] 4. HTML 이미지 태그 사용법

Mar 06, 2025


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="/ch01/lion.png" width="400px" height="400px">
    <img src="/ch01/lion.png" width="100px" height="100px">
</body>
</html>

`<img>` 태그의 주요 속성

속성	설명
`src`	이미지 경로 (절대경로 또는 상대경로 가능)
`width`	이미지의 가로 크기 지정 (`px`, `%` 사용 가능)
`height`	이미지의 세로 크기 지정 (`px`, `%` 사용 가능)

See more posts

[HTML] 4. HTML 이미지 태그 사용법

<img> 태그의 주요 속성

More articles

[HTML] 6. 목록 태그 (<ul>, <li>) 정리

[HTML] 5. 간단한 사진 갤러리 만들기

[HTML] 3. HTML 제목 태그 정리

[HTML] 2. HTML의 블록 vs 인라인

`<img>` 태그의 주요 속성