예. IMG SRC HTML 태그에 height 및 width 속성을 추가하면 브라우저가 이미지에 남길 공간을 알 수 있습니다. 이 값이 없으면 브라우저는 이미지가로드 될 때까지 이미지를 공백없이 제공합니다. 즉, 이미지를로드 한 후 이미지를 둘러싼 모든 것이 조정됩니다.

위의 예에서 볼 수 있듯이 처음 세 페이지는 이미지 크기를 지정하지 않는 페이지 로딩을 보여줍니다. 페이지가로드되면 이미지를 둘러싼 텍스트가 이미지를 수용하도록 조정됩니다. 그러나 다음 3 페이지에 표시된 것처럼 이미지 크기가 지정된 경우 브라우저는 할당 할 공간의 크기를 알고 있습니다. 따라서 텍스트는 이미지로드와 같은 위치에 그대로 있습니다.

빠른 인터넷 연결을 사용하는 경우이 로딩 과정을 알 수 없습니다. 그러나 연결 속도가 느린 사람, 휴대 전화를 사용하는 사람 또는 이미지 크기를 지정하지 않으면 사이트 로딩 속도가 느려지는 사람들에게는이 방문자가 더 어려워집니다.

다음은 코드에 지정된 높이와 너비로 HTML 코드에서 IMG 태그를 표시하는 방법의 예입니다.