HTML 이미지 태그는 다음과 같습니다.

이미지 태그() 및 소스 속성(Src)

HTML에서 이미지는 태그로 정의됩니다.

이미지는 태그를 사용하여 문서에 표시할 수 있습니다.

은 빈 태그입니다. 즉, 속성만 포함하고 닫는 태그가 없습니다. (추천학습: HTML 시작하기 튜토리얼)

페이지에 이미지를 표시하려면 source 속성(src)을 사용해야 합니다. src는 "소스"를 나타냅니다. source 속성의 값은 이미지의 URL 주소입니다.

이미지 정의 구문은 다음과 같습니다.

<img src="url" />

URL은 이미지가 저장되는 위치를 나타냅니다. www.w3school.com.cn의 이미지 디렉토리에 "boat.gif"라는 이미지가 있는 경우 해당 URL은 //m.sbmmt.com/images/boat.gif입니다.

브라우저는 문서에서 이미지 태그가 나타나는 곳에 이미지를 표시합니다. 두 문단 사이에 이미지 태그를 배치하면 브라우저는 첫 번째 문단을 먼저 표시한 다음 이미지, 마지막으로 두 번째 문단을 표시합니다.

Alt 텍스트 속성(Alt)

alt 속성은 이미지에 대해 준비된 대체 가능한 텍스트 문자열을 정의하는 데 사용됩니다. 대체 텍스트 속성의 값은 사용자가 정의합니다.

<img src="boat.gif" alt="Big Boat">

브라우저가 이미지를 로드할 수 없는 경우 대체 텍스트 속성은 독자에게 잃어버린 정보를 알려줍니다. 이 시점에서 브라우저는 이미지 대신 이 대체 텍스트를 표시합니다. 페이지의 모든 이미지에 대체 텍스트 속성을 추가하는 것이 좋습니다. 이는 정보를 더 잘 표시하는 데 도움이 되며 텍스트 전용 브라우저를 사용하는 사용자에게 매우 유용합니다.

기본 메모 - 유용한 팁:

HTML 파일에 10개의 이미지가 포함되어 있다고 가정하면 페이지를 올바르게 표시하려면 11개의 파일이 필요합니다. 로드됩니다. 이미지를 로드하는 데는 시간이 걸리므로 이미지를 주의해서 사용하는 것이 좋습니다.

위 내용은 HTML 이미지 태그는 다음과 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!