원격 소스에서 이미지를 추가하는 HTML과 관련된 주요 문제는 페이지 로딩 시간이 느려질 수 있다는 것입니다. 이는 브라우저가 각 이미지에 대해 별도의 요청을 해야 하기 때문에 페이지에 여러 이미지가 있는 경우 빠르게 합산될 수 있습니다. 또한 원격 소스가 다운되었거나 연결 속도가 느린 경우 페이지 로딩 시간이 더 지연될 수 있습니다. 마지막으로 외부 소스에서 이미지를 가져오기 때문에 보안 취약점의 위험도 증가합니다.
<img src="https://example.com/image.jpg" alt="Example Image">
1. 이 코드 줄은 웹 페이지에 이미지를 표시하는 데 사용되는 HTML 이미지 태그입니다.
2. "src" 속성은 표시할 이미지의 URL을 지정합니다. 이 경우 "https://example.com/image.jpg"입니다.
3. "alt" 속성은 이미지에 대한 대체 텍스트를 제공하며, 이 경우 "예제 이미지"입니다.
img src 속성
HTML의 img src 속성은 이미지 소스를 지정하는 데 사용됩니다. 이내에서 사용합니다. 이미지 소스를 정의하는 태그입니다. 이 속성의 값은 이미지 파일을 가리키는 유효한 URL이어야 합니다. 이 속성은 웹 페이지의 모든 이미지에 필요하며 브라우저가 이미지를 찾아 표시할 수 있도록 합니다.
HTML에 외부 이미지를 추가하는 방법
HTML에 외부 이미지를 추가하는 것은 매우 간단합니다. 당신이해야 할 일은 태그를 지정하고 src 속성을 사용하여 이미지 소스를 지정합니다. HTML에서 외부 이미지를 추가하는 구문은 다음과 같습니다.
여기서 "image_url"은 이미지 파일에 대한 링크이고 "대체 텍스트"는 이미지에 있는 항목에 대한 설명입니다(접근성 목적).
예를 들어 웹사이트에서 my-image.jpg라는 외부 이미지를 추가하려는 경우 코드는 다음과 같습니다.
