크기 (3) 썸네일형 리스트형 사진 크기 조절하기 사진 크기를 조절하는 간단한 HTML 코드를 제공합니다. 이 코드는 이미지의 크기를 변경하는 예제입니다. 사진 크기 조절하기 위 코드에서는 요소에 width와 height 속성을 사용하여 이미지의 가로와 세로 크기를 조절합니다. 이 속성을 사용하여 이미지의 크기를 원하는대로 조절할 수 있습니다. 결과보기 가로와 세로의 필셀 길이로 사진 크기를 조절합니다. 사진 갤러리 만들기 사진 갤러리를 만드는 간단한 HTML 코드를 제공합니다. 이 코드는 초보자도 이해하기 쉽도록 주석이 추가되어 있습니다. 사진 갤러리 결과보기 아래 갤러리 처럼 볼수 있습니다. 화면 크기에 따른 반응형 디자인 화면 크기에 따라 반응형 디자인을 적용한 HTML 코드를 제공합니다. 이 코드는 초보자도 이해하기 쉽도록 주석이 추가되어 있습니다. 반응형 디자인 화면 크기에 따라 배경 색상이 변경됩니다. 이 코드는 화면 크기가 600px 미만인 경우와 601px 이상인 경우에 따라 배경 색상을 변경합니다. 화면을 줄이거나 늘려보면 배경 색상이 변화하는 것을 확인할 수 있습니다. 결과 보기 창을 줄이면 아래처럼 색깔이 바뀔겁니다. 이전 1 다음