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

사용자가 이미지가 포함 된 웹 페이지를 작성하는 경우 이미지는 나머지 정보와 함께 실제로 페이지에 삽입되지 않습니다. 웹에 이미지를 표시하기 위해 페이지 내에 이미지를 포함시키는 대신 HTML 이미지 링크가 사용됩니다. HTML 이미지 링크를 사용하기 위해 <img> HTML 태그는 이미지가 저장되고 액세스 될 수있는 위치에 대한 정보를 제공하는 데 사용됩니다. 이 태그는 모든 브라우저에서 사용할 수 있으며 브라우저에서 지원하는 모든 이미지 유형을로드하는 데 사용할 수 있습니다.

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

HTML 이미지 링크의 src 속성은 이미지가있는 웹 주소 또는 URL을 제공합니다. URL은 두 가지 형식 중 하나를 취할 수 있습니다. 절대 URL은 다른 웹 사이트의 이미지로 연결되는 완전한 웹 주소를 제공합니다. src 속성에 절대 URL을 포함시키는 예는 다음과 같습니다. src = "http://www.website.com/image.jpg"— 여기서 website.com은 다른 사이트를 가리키고 image.jpg는 특정 사이트를 가리 킵니다 영상.

src 속성 내 URL의 다른 옵션은 상대 URL을 작성하는 것입니다. 상대 URL의 경우 웹 주소는 동일한 웹 사이트 디렉토리 내의 이미지에 대한 링크를 제공합니다. 상대 URL은 이미지가 웹 페이지와 같은 위치에있을 때 절대 URL의 잘린 버전입니다. 상대 URL이있는 src 속성의 예는 src = "image.jpg"또는 src = "images / image.jpg"입니다. 이 예의 유일한 차이점은 두 번째 예에서 이미지 폴더 내에 있으므로 이미지가있는 위치입니다.

다른 필수 속성은 alt 이며 이미지의 대체 텍스트를 제공합니다. 사용자가 이미지 위로 마우스를 가져간 경우 표시되는 텍스트가 아니라 어떤 이유로 이미지를 표시 할 수없는 경우 표시되는 텍스트입니다. src 속성의 URL이 잘못되었거나 깨지는 경우 또는 시각 장애가있는 사용자가 화면 판독기를 사용하는 경우를 포함하여 이미지가 표시되지 않는 데는 여러 가지 이유가 있습니다.

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