请稍候,加载中....

HTML 图像

在 HTML 中,图像由<img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

 


src属性

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<!-- <img src="url" alt="some_text"> -->
URL 指存储图像的位置。如果名为 "QQ20190419-180439@2x.png" 的图像位于 www.python-xp.com 的 uploads 目录中

运行实例
<img src="" align="">

运行实例
<img src="/uploads/QQ20190419-180439@2x.png" align="">

 


alt属性

alt 属性用来为图像定义一串预备的可替换的文本(图片不能正常加载时,显示此文字)。

替换文本属性的值是用户定义的。

<img src="123.jpg" alt="图片加载错误提示" />

 


width、height属性

图片的宽度与高度属性

属性值默认为像素,也可以使用百分比

如未指定图片大小,按照图片大小显示,通常建议设置图片尺寸

使用像素单位:
<img src="/uploads/QQ20190419-180439@2x.png"  width="50" height="50" />

宽度方向使用百分比单位:
<img src="/uploads/QQ20190419-180439@2x.png" width="50%" height="50" />

 


Python学习手册-