img 태그를 사용하여 이미지 효과를 추가하는 방법을 단계별로 가르쳐주세요(지식)

이전 글 "HTML을 사용해 간단하고 아름다운 네비게이션 바 만드는 법(자세한 코드 설명)"에서는 HTML을 사용해 네비게이션 바를 만드는 방법을 소개했습니다. 다음 글에서는 img 태그에 이미지 효과를 추가하는 방법을 함께 살펴보겠습니다.

태그

는 웹 페이지에서 일반적으로 볼 수 있는 대부분의 이미지를 이 태그로 정의하는 데 사용됩니다.

코드 예:

<img  src="/static/imghwm/default1.png"  data-src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="img 태그를 사용하여 이미지 효과를 추가하는 방법을 단계별로 가르쳐주세요(지식)" >

렌더링은 다음과 같습니다.

표준으로 인해 브라우저가 지원해야 하는 이미지 형식에 대한 명확한 설명이 없습니다.

일반적인 형식이 널리 지원됩니다.

• JPEG: 고압축

• GIF: 동적 사진

• PNG: 무손실 압축 비트맵 그래픽 형식

• SVG: 벡터 사진

• SRC: 이미지 저장 주소와 저장할 위치를 지정합니다. 이 속성이 없으면 브라우저는 알 수 없습니다.

• 너비 및 높이: 이미지의 너비와 높이를 지정하려면 CSS를 사용하는 것이 좋습니다.

추천 학습: CSS 비디오 튜토리얼

위 내용은 img 태그를 사용하여 이미지 효과를 추가하는 방법을 단계별로 가르쳐주세요(지식)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!