HTML에서 이미지 태그 란 무엇입니까?

HTML을 사용하여 웹 페이지를 작성할 때 이미지 태그는 페이지의 특정 위치에 사진 또는 그래픽을 삽입하는 데 사용됩니다. 웹 페이지에서 이미지를 사용하여 관심을 끌거나 탐색 도구로 사용하거나 정보를 제공하는 방법에는 여러 가지가 있습니다. 사용할 수있는 여러 가지 형식의 이미지도 있습니다. 웹 페이지에 어떤 또는 어떤 이미지가 추가 되더라도 이미지 태그가 항상 필요합니다.

이미지를 추가하기 위해 이미지 태그가 페이지 내에 이미지를 표시 할 위치에 포함됩니다. 예를 들어,이 단락 뒤에 이미지를 삽입하면이 단락 뒤에 이미지 태그 또는 <img>가 HTML 문서에 추가됩니다. <img> 태그는 모든 이미지를 HTML로 정의합니다. 속성을 포함하고 닫는 태그가 없으므로 빈 태그라고합니다. 속성은 특정 HTML 태그에 사용 가능한 옵션입니다.

HTML 문서에 <img> 만 추가 된 경우 태그의 속성이 포함되지 않은 것으로 표시되지 않습니다. <img>의 가장 중요한 속성은 "src"이며 이는 소스를 나타냅니다. src 속성은 이미지 파일의 실제 위치 또는 이미지 파일의 주소를 나타냅니다. 이미지가 웹 페이지에서 사용되면 이미지의 위치가 URL로 제공됩니다. HTML 문서 내에서 이미지는 <img src = "URL"/>와 같습니다.

특히 URL은 이미지가 저장된 위치를 가리 킵니다. 예를 들어, 파일 이름이 computer.jpg 인 컴퓨터의 이미지가 www.wisegeek.com의 images 폴더에 저장된 경우 URL은 <img src = "www.wisegeek.com/images/computer로 대체됩니다. jpg "/>. 브라우저가 웹 페이지를 열면 이미지 태그가 포함 된 이미지가 표시됩니다.

이미지 태그에는 여러 가지 다른 속성이 있습니다. 이를 통해 사용자는 페이지에서 이미지 모양을 조정할 수 있습니다. 이 태그에 일반적으로 사용되는 속성은 alt, border, size 및 align입니다.

대체 텍스트는 대체 텍스트를 나타내며 브라우저가 이미지를 표시 할 수없는 경우 표시됩니다. 또한 시각적으로 문제가있는 사용자를 위해 대체 텍스트를 읽고 이미지 위에 텍스트를 표시하도록 선택합니다. 위의 예에서 대체 텍스트는 alt = "컴퓨터 이미지"로 표시 될 수 있습니다.

border 속성은 명시된 픽셀 수에 따라 두께가있는 이미지에 테두리를 추가합니다. 이미지 배경과 웹 사이트 배경이 비슷하고 명확한 구분이 필요한 경우에 특히 유용합니다. 예를 들어 border = "10"은 이미지 주위에 10 픽셀 두께의 테두리를 배치합니다.

너비와 높이를 사용하여 이미지의 정확한 크기를 지정할 수 있으므로 크기 속성도 중요합니다. 이러한 속성은 변경하면 표시된 이미지의 비율 또는 품질에 영향을 줄 수 있으므로 매우 신중하게 사용해야합니다. 크기 속성은 실제 파일을 변경하지 않고 브라우저가 파일을 표시하는 방식 만 변경합니다.

align 속성은 이미지가 페이지의 텍스트와 비교되는 방식을 지정합니다. 위, 아래, 중간, 왼쪽, 오른쪽, 가로, 세로, 가로 및 세로를 포함하여이 속성에 대해 여러 가지 선택이 있습니다. 이 태그는 페이지의 텍스트가 이미지와 정렬되는 방식을 결정하는 데 도움이됩니다.