Rumah > Artikel > hujung hadapan web > html怎么定义图像及其图片大小尺寸？
html怎么定义图像及其图片大小尺寸？
- 藏色散人asal
- 2018-08-25 16:37:5716494semak imbas
在HTML网页制作过程中，图像引用是必不可少的。那么HTML定义图像是怎么编写的？图片的尺寸，宽度是如何用HTML代码控制的呢？本篇文章就给大家详细介绍关于html图像标签以及htm如何定义图片大小的相关知识。希望对有需要的朋友有所帮助。
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>一个来自php中文网的图像:</p> <img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="php.cn" width="336" height="69">
效果如下图：
通过上述描述，大家应该都看到了一个重要的标签。
a1f02c36ba31691bcfe87b2722de723b标签：
在 HTML 中，图像由 a1f02c36ba31691bcfe87b2722de723b 标签定义，是一个空标签，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
这里大家应该也注意到了width和height属性，这两个属性分别代表图片的宽度和高度。那么掌握这两个属性就可以帮助新手小白解决如何用HTML定义图片大小即控制HTML代码显示图片尺寸大小的问题。
综上所述，希望对大家学习掌握HTML图像标签使用和html定义图片大小的方法有所帮助。
Atas ialah kandungan terperinci html怎么定义图像及其图片大小尺寸？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html表格中的th表头内容怎么居中？th表头标签align属性的具体介绍Artikel seterusnya：HTML中head标签是什么意思？一篇文章教你正确地使用head标签