HTML实例-049 HTML图像调整大小

hrs 提交于 2019/11/07 - 14:04 , 周四

在html 我们要对图像进行大小设置,我们该如何时行定义呢?下面我们就来做一个实例。

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<p>这是一个50像素的图像
<img src="cat.jpeg" align="middle" width="50" height="50">
</p>
<p>这是一个80像素的图像
<img src="cat.jpeg" align="middle" width="80" height="80">
</p>
<p>这是一个100像素的图像
<img src="cat.jpeg" align="middle" width="100" height="100">
</p>
<p>所有图像都位于文本之间对齐 </p>
</body>
</html>

运行效果:

html_049.png

从这三个图像中看出,我们对三个图像都进行了大小定义。第一个为50像素,第二个为80像素,第三个为100像素。而且都 位于文本中间对齐。

标签