html插进照片示例(html加上照片)

在html插进照片 让照片显示信息必须HTML标识来完成,应用img标识便可完成。

1、html照片标识英语的语法


拷贝编码
编码以下:

<img src="divcss5-logo⑵01305.gif" width="165" height="60" />

img详细介绍:

src 后跟的是照片相对路径详细地址

width 设定照片宽度

height 设定照片高宽比

2、实际html 照片显示信息案例   -   TOP

大家在html源码中分刘海别插进3张照片,1张初始大、1张将宽度高宽比改小小的、1张将宽度高宽比改大。

1、案例详细html编码:


拷贝编码
编码以下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻" />
<title>照片插进html 线上演试 <a href="http://www.vcss.com</title">www.vcss.com</title</a>>
</head>

<body>
<p>初始大照片</p>
<p>
<img src="divcss5-logo⑵01305.gif" width="165" height="60" />
</p>
<p>改小照片</p>
<p>
<img src="divcss5-logo⑵01305.gif" width="105" height="30" />
</p>
<p>改大照片</p>
<p>
<img src="divcss5-logo⑵01305.gif" width="365" height="120" />
</p>
</body>
</html>

2、html插进照片案例截图

html照片插进显示信息案例截图