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

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

이미지를 추가하려면 이미지 태그가 페이지 내에 표시되기를 원하는 위치에 포함되어 있습니다. 예를 들어,이 단락 후 이미지를 삽입 한 경우이 단락 후 이미지 태그 또는 이 HTML 문서에 추가됩니다. 태그 은 HTML의 모든 이미지를 정의합니다. 속성이 포함되어 있고 닫는 태그가 없으므로 빈 태그라고합니다. 속성은 특정 HTML 태그에 사용할 수있는 옵션입니다.

는 HTML 문서에 추가되었으며 태그의 속성이 포함되지 않았기 때문에 아무것도 표시되지 않습니다. 의 가장 중요한 속성은 "SRC"이며 소스를 나타냅니다. 속성 SRC는 이미지 파일이 실제로 위치한 위치를 표시하거나 이미지 파일의 주소입니다. 이미지가 웹 페이지에서 사용되면 이미지의 위치는 URL로 제공됩니다. HTML 문서 내에서 이미지는 다음과 같습니다. .

구체적으로 URL은 이미지가 저장되는 위치를 가리 킵니다. 예를 들어, Filename Computer.jpg가있는 컴퓨터 이미지가 www.wisegeek.com의 이미지 폴더에 저장된 경우 URL은 다음과 같이 대체됩니다. 브라우저가 웹 페이지를 열면 이미지 태그가 포함 된 이미지가 표시됩니다.

이미지 태그에는 여러 다른 속성이 있습니다. 사용자는 이미지가 페이지에서 어떻게 보이는지 조정할 수 있습니다. 다음 속성은 com입니다이 태그에 Monly 사용 : ALT, 테두리, 크기 및 정렬.

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

테두리 속성은 명시된 픽셀 수에 따라 두께로 이미지에 테두리를 추가합니다. 이것은 이미지 배경과 웹 사이트 배경이 비슷할 때 특히 유용 할 수 있으며 명확한 차이가 필요합니다. 예를 들어, Border = "10"은 이미지 주위에 10 픽셀 두꺼운 테두리를 배치합니다.

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

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

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?