html怎么定义图像及其图片大小尺寸?
发布时间:09/01 来源:未知 浏览:
关键词:
HTML定义图像的详细代码示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html图像标签使用示例</title> </head> <body> <p> 一个图像: <img src="/upload/course/000/000/010/58046a2b7e46d104.gif" alt="Smiley face" width="32" height="32"></p> <p> 一个动图: <img src="/upload/course/000/000/010/58046a41c6e3c115.gif" alt="Computer man" width="48" height="48"></p> <p> 留意HTML定义图像和插入动图的语法是一样的。 </p> </body> </html>
结果如下图:
以上就是怎样用HTML使得网页中显示图像的简便示例。
下面再给大家列举一个从效劳器上猎取图片然后显示的示例:
<p>一个来自文件夹中的图像:</p> <img src="/upload/course/000/000/010/58046b14a8b9f738.gif" alt="Google Chrome" width="33" height="32"><p>一个来自百分百源码网的图像:</p> <img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="php.cn" width="336" height="69">
结果如下图:
通过上述描写,大家应当都看到了一个重要的标签。
<img>标签:
在 HTML 中,图像由 <img> 标签定义,是一个空标签,它只包括属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
这里大家应当也留意到了width和height属性,这两个属性离别代表图片的宽度和高度。那么把握这两个属性就可以帮忙新手小白解决怎样用HTML定义图片大小即操纵HTML代码显示图片尺寸大小的问题。
综上所述,但愿对大家学习把握HTML图像标签使用和html定义图片大小的办法有所帮忙。
以上就是html如何定义图像及其图片大小尺寸?的具体内容,更多请关注百分百源码网其它相关文章!