HTML 이미지 링크 란 무엇입니까?

사람이 이미지가 포함 된 웹 페이지를 만들 때 이미지가 실제로 나머지 정보와 함께 페이지에 삽입되지 않습니다. 웹에 이미지를 표시하려면 페이지 내에 이미지를 포함하는 대신 HTML 이미지 링크가 사용됩니다. HTML 이미지 링크를 사용하려면 HTML 태그를 사용하여 이미지가 저장되어 액세스 할 수있는 정보를 제공합니다. 이 태그는 모든 브라우저와 함께 사용할 수 있으며 브라우저에서 지원되는 모든 이미지 유형을로드하는 데 사용할 수 있습니다.

태그 만 사용하면 이미지를 포함하는 웹 페이지에 정보가 제공되지 않습니다. 웹 페이지가로드 될 때 이미지가로드되도록 HTML 이미지 링크가 올바르게 작성되는 데 필요한 두 가지 속성이 있습니다. 추가 정보를 제공하기 위해 포함될 수있는 몇 가지 선택적 속성도 있습니다. 이미지 링크를 작성하는 데 필요한 속성은 src 및 alt 입니다.

src HTML Imag의 속성E 링크는 이미지가있는 웹 주소 또는 URL을 제공합니다. URL은 두 가지 형태 중 하나를 사용할 수 있습니다. Absolute URL은 다른 웹 사이트의 이미지로 지시하는 완전한 웹 주소를 제공합니다. SRC 속성에 대한 절대 URL을 포함하는 예는 다음과 같습니다.

src 속성 내의 URL의 다른 옵션은 상대 URL을 작성하는 것입니다. 상대 URL의 경우 웹 주소는 동일한 웹 사이트 디렉토리의 이미지에 대한 링크를 제공합니다. 상대 URL은 이미지가 웹 페이지와 동일한 위치에 있기 때문에 절대 URL의 잘린 버전입니다. 상대 URL이있는 SRC 속성의 예는 다음과 같습니다. 이 예제의 유일한 차이점은 이미지가있는 곳입니다.두 번째 예제의 이미지 폴더 내에 있습니다.

다른 필요한 속성은 alt 이며 이미지에 대한 대체 텍스트를 제공합니다. 사용자가 이미지 위에 마우스를 호버링하는 경우 표시되는 텍스트가 아니라 어떤 이유로 이미지를 표시 할 수없는 경우 표시되는 텍스트입니다. src 속성의 URL이 부정확하거나 깨진 경우 또는 시각 장애가있는 사용자가 스크린 리더를 사용하는 경우를 포함하여 이미지가 표시되지 않는 데는 여러 가지 이유가 있습니다.

HTML 이미지 링크의 가장 기본적인 코드는 다음과 같습니다. . 태그에는 엔드 태그가 없으므로 브라우저가 명령어가 끝났다는 것을 알 수 있도록 />로 종료하는 것이 중요합니다. src 속성은 이미지의 위치를 ​​가리키므로 다른 사이트에 대한 링크가 깨지지 않고 웹 사이트 디렉토리 내에서 이미지가 이동하지 않도록하는 것이 중요합니다.문제가 발생할 때 링크를 수정하려면