집 >웹 프론트엔드 >HTML 튜토리얼 >HTML/XHTML에서 img 이미지 태그를 사용하는 방법

HTML/XHTML에서 img 이미지 태그를 사용하는 방법

php中世界最好的语言원래의: 2018-01-24 09:22:493001검색

이번에는 HTML/XHTML에서 img 이미지 태그를 사용하는 방법을 알려드리겠습니다. HTML/XHTML에서 img 이미지 태그를 사용할 때 주의사항은 무엇인가요?

이미지 태그는 웹페이지에 이미지를 표시하는 데 사용됩니다.
HTML/XHTML 이미지 태그
XHTML에서는 태그를 사용하여 표시할 이미지를 정의합니다. 는 페어링되지 않은 태그입니다.

기본 구문:

태그는 src 속성을 통해 이미지 소스를 결정하며, url은 상대 또는 절대 이미지 주소입니다.

이미지 태그 속성:
src: imagesource, 필수. 표시된 이미지의 소스 주소를 상대 주소 또는 절대 주소로 지정합니다.
alt: 대체 텍스트, 생략 가능. 이미지를 표시할 수 없거나 브라우저가 이미지를 차단할 때 표시되는 텍스트를 바꾸는 데 사용됩니다.
제목: 이미지 프롬프트 텍스트, 생략 가능. 사진 위에 마우스를 올리면 관련 텍스트가 표시됩니다.
width: 이미지 표시 너비는 생략 가능합니다. 단위는 픽셀입니다.
height: 이미지 표시 높이이며 생략 가능합니다. 단위는 픽셀입니다.

텍스트 대체 속성(alt)
이미지 태그 alt의 텍스트 대체 속성은 필수 속성은 아니지만 매우 중요한 속성입니다. 어떤 이유로 브라우저가 이미지를 읽지 못하는 경우 이 대체 텍스트가 표시되어 원본 이미지를 대체하여 손실된 관련 이미지 정보를 제공합니다. 또한 이 속성은 텍스트 전용 브라우저를 사용하는 사용자가 페이지의 콘텐츠를 이해하는 데 도움이 됩니다.
따라서 각 이미지에 의미 있는 대체 텍스트 대체 속성을 추가하는 것이 좋은 습관입니다.

이미지 표시 크기 지정

태그에 너비 또는 높이 속성을 추가하여 이미지 표시 크기를 수동으로 지정할 수 있습니다.

팁
일반적인 상황에서 이미지 크기 속성은 다음과 같습니다. 무시되고 원본 이미지 크기가 기본적으로 표시되거나 장치의 적응형 크기 표시를 찾아봅니다. 부적절한 이미지 표시 크기를 지정하면 이미지가 왜곡되어 나타날 수 있습니다.
이미지를 로드하는 데 일정 시간이 걸리므로 좋은 사용자 액세스 경험을 얻으려면 이미지 품질을 보장하면서 이미지 크기를 줄이는 것이 좋습니다.

확장 읽기
픽셀: 픽셀은 컴퓨터가 표시할 수 있는 가장 작은 점이라고 생생하게 생각할 수 있습니다. 예를 들어 우리가 흔히 말하는 화면 해상도는 1024*768입니다. 즉, 가로로 1024(픽셀)이 있다는 의미입니다. ) 포인트, 세로로 768(픽셀) 포인트가 있습니다. 단위로 사용하는 경우에는 일반적으로 기본적으로 pix로 표기됩니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!