>  기사  >  웹 프론트엔드  >  HTML은 img 태그를 사용하여 이미지를 생성합니다.

HTML은 img 태그를 사용하여 이미지를 생성합니다.

php中世界最好的语言
php中世界最好的语言원래의
2018-03-08 17:12:142101검색

이번에는 HTML에서 img 태그를 사용하여 이미지를 생성하는 방법을 소개하겠습니다. HTML에서 img 태그를 사용하여 이미지를 생성할 때 주의사항은 무엇인가요?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML:基础img标签 做一个图库</title>
</head>
<body>
 <h1>收藏的图片</h1>
 <img  src="1.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="2.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="3.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="4.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="5.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="6.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="7.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="8.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="9.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="10.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="11.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="12.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="13.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="14.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="15.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
 <img  src="16.jpg"    style="max-width:90%"  style="max-width:90%" alt="HTML은 img 태그를 사용하여 이미지를 생성합니다." >
</body>

HTML은 img 태그를 사용하여 이미지를 생성합니다.

</html>
// 源码讲解
src:图片的路径
width:设置图片的宽度
height:设置图片的高度
alt:图片无法显示则显示描述文字(图库例子中并没有用这个属性)
关于路径分为相对路径和绝对路径
 但有盘符的就是绝对路径 比如:file:///C:/Users/windows/Desktop/html/index.html(我的文件放到了桌面html文件夹的地方)

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

관련 읽기:

HTML "San Mao's Classic Quotations"의 인라인 스타일 개선

HTML의 FAQ 2

CSS 선택기의 일반적인 문제는 무엇입니까

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.