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

html을 사용하여 웹 페이지를 만들 때 이미지 태그는 페이지의 특정 장소에 사진이나 그래픽을 삽입하는 데 사용됩니다.관심을 더하는 것부터 관심을 더하는 것부터 탐색 도구로 사용하거나 정보를 제공하기 위해 이미지를 웹 페이지에서 사용할 수있는 방법에는 여러 가지가 있습니다.사용할 수있는 여러 가지 형식의 이미지가 있습니다.웹 페이지에 어떻게 또는 어떤 이미지가 추가되는지에 관계없이 이미지 태그가 항상 필요합니다.

이미지를 추가하려면 이미지 태그가 페이지 내에 나타나는 위치에 포함됩니다.예를 들어,이 단락 후 이미지를 삽입 해야하는 경우 이미지 태그 또는 lt; img gt;는이 단락 후 HTML 문서에 추가됩니다.태그 lt; img gt;HTML에서 모든 이미지를 정의합니다.속성이 포함되어 있고 닫는 태그가 없으므로 빈 태그라고합니다.속성은 특정 HTML 태그에 사용할 수있는 옵션입니다.HTML 문서에 추가되었으며 태그의 속성이 포함되지 않았기 때문에 아무것도 표시되지 않습니다. lt; img gt;SRC는 소스를 나타냅니다.속성 SRC는 이미지 파일이 실제로 위치한 위치를 표시하거나 이미지 파일의 주소입니다.이미지가 웹 페이지에서 사용되면 이미지의 위치는 URL로 제공됩니다.HTML 문서 내에서 이미지는 다음과 같습니다. lt; img src ' url /gt;.예를 들어, Filename Computer.jpg가있는 컴퓨터 이미지가 www.wisegeek.com의 이미지 폴더에 저장된 경우 URL은 다음과 같이 대체됩니다.JPG / gt;.브라우저가 웹 페이지를 열면 이미지 태그가 포함 된 이미지가 표시됩니다.

이미지 태그에는 여러 다른 속성이 있습니다.사용자는 이미지가 페이지에서 어떻게 보이는지 조정할 수 있습니다.다음 속성은이 태그에 일반적으로 사용됩니다 : Alt, Border, Size 및 Align.

속성 ibute alt

는 대체 텍스트를 나타내며 브라우저가 이미지를 표시 할 수없는 경우에 표시됩니다.또한 시각적으로 도전받은 사용자를 위해 대체 텍스트를 읽고 이미지 위에 텍스트를 표시하도록 선택합니다.위의 예에서, 대체 텍스트는 컴퓨터의 Alt ' 이미지로 언급 될 수 있습니다.이것은 이미지 배경과 웹 사이트 배경이 비슷할 때 특히 유용 할 수 있으며 명확한 차이가 필요합니다.예를 들어, Border ' 10은 이미지 주위에 10 픽셀 두꺼운 테두리를 배치합니다.

크기

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

정렬

는 페이지의 텍스트와 비교하여 이미지가 정렬되는 방식을 지정합니다.상단, 하단, 중간, 왼쪽, 오른쪽, Absmiddle, Absbottom, Baseline 및 TextTop을 포함 하여이 속성에 대한 여러 가지 선택이 있습니다.이 태그는 또한 페이지의 텍스트가 이미지와 어떻게 정렬되는지 결정하는 데 도움이됩니다.