> 웹 프론트엔드 > HTML 튜토리얼 > HTML 이미지 태그

HTML 이미지 태그

无忌哥哥
풀어 주다: 2018-06-29 09:58:54
원래의
2142명이 탐색했습니다.

이미지 태그는 아마도 가장 크고 흥미로울 것입니다. 사진이 있는 곳에 진실이 있습니다.

페이지에 이미지가 있으면 즉시 더욱 다채로워질 것입니다. 즉각적인 개선을 경험해 보세요

하지만 이미지는 외부 리소스이고 현재 페이지로 로드하는 데 시간이 걸리므로 이미지가 좋아도 남용할 수 없습니다

잘 사용하고 마무리를 추가하고, 부실하게 사용하고 불필요한 것 추가

이미지에는 태그를 사용하세요. 이는 이전 프론트엔드 체험 강좌에서 언급한 내용입니다.

이미지는 외부 리소스이므로 참조하는 리소스가 네트워크에서 온 경우 참조가 실패하거나 시간 초과 및 기타 이유로 인해 로딩이 실패할 수 있습니다.

따라서 img에 현재 이미지의 텍스트 설명을 나타내기 위해 태그에 alt 속성을 추가해야 합니다. 예: 하이브리드 자동차 모델

현재 이미지를 사용할 수 없는 경우 표시되거나 사용자가 이미지 표시를 금지하면 이 프롬프트 텍스트가 표시됩니다

이 프롬프트 텍스트는 매우 중요합니다. 방금 소개한 내용이므로 검색 엔진은 이미지 콘텐츠를 인식할 수 없으므로 Baidu

와 같은 검색 엔진이 무엇인지 알고 싶은 경우 사진에 alt 태그를 추가해야 사진 정보를 검색할 수 있으며 이는 웹사이트 최적화에 도움이 됩니다

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>6.图像标签</title>
</head>
<body>
<!-- <img src="../images/9.jpg"> -->
<!-- 发现图片太大了,我们刚才介绍过,img标签还有二个属性可以设置图片的大小 -->
<!-- width:设置宽度, height:设置高度,单位默认为像素,可以不写单位,只有数值 -->
<!-- <img src="../images/9.jpg" width="300px"> -->
<!-- <img src="../images/9.jpg" width="300"> -->
<!-- 宽度与高度写一个就可以,另一个属性会自动等比例缩放的 -->
<img src="../images/9.jpg" width="300" alt="混血车模">
</body>
</html>
로그인 후 복사

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿