본문 바로가기

HTML 예제

사진 크기 조절하기

반응형

사진 크기를 조절하는 간단한 HTML 코드를 제공합니다. 이 코드는 이미지의 크기를 변경하는 예제입니다.

<!DOCTYPE html>
<html>
<head>
    <title>사진 크기 조절하기</title>
</head>
<body>
    <h1>사진 크기 조절하기</h1>
    
    <!-- 크기를 조절할 이미지 -->
    <img src="image.jpg" alt="이미지" width="300" height="200">
</body>
</html>


위 코드에서는 <img> 요소에 width와 height 속성을 사용하여 이미지의 가로와 세로 크기를 조절합니다. 이 속성을 사용하여 이미지의 크기를 원하는대로 조절할 수 있습니다.

 

 

결과보기 
가로와 세로의 필셀 길이로 사진 크기를 조절합니다. 

반응형

'HTML 예제' 카테고리의 다른 글

화면 스크롤 이벤트  (0) 2023.12.07
간단한 메뉴 디자인  (0) 2023.12.07
CSS 애니메이션 사용  (0) 2023.12.07
화면에 특수 효과 추가  (0) 2023.12.07
간단한 슬라이더 만들기  (0) 2023.12.07