ホームページ > 記事 > ウェブフロントエンド > HTMLはimgタグを使って画像を作成します

HTMLはimgタグを使って画像を作成します

php中世界最好的语言オリジナル: 2018-03-08 17:12:142043ブラウズ

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

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。