关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

想实现将图像在你的HTML5网页呈现这个可以这样子

发布时间:2020-08-01 00:00:04

网页不仅具有文本功能,而且如果使用HTML5构建网页,则可以添加多种文件类型的图像,包括 .jpg,.gif和.png。该图显示了一个带有嵌入式图像的网页。随后的代码向您显示页面的代码。


<!DOCTYPE HTML> <html lang =“ zh> <头> <title> imageDemo.html </ title> <meta charset =“ UTF-8” /> </ head> <身体> <h1>图片演示</ h1> <p> <img src =“ monkey.png” alt =“快乐的猴子的图片” /> </ p> <h2>此页面上有猴子的照片</ h2> <p> 这只猴子叫“苏珊娜”。这是默认值 令人难以置信的免费3D建模工具中的对象 叫做“搅拌器”。 </ p> </ body> </ html>

添加图像相对容易;只需执行以下步骤:

标识您要使用的图像。

确保您有权在您的网站上使用该图像。

如有必要,修改图像。

在网络上使用图像之前,最好先调整图像大小。您可以使用商业图像处理软件或免费程序,例如IrfanView和 Gimp。

选择您的图像类型。

如果图像的格式不是网络友好的.jpg,.gif或。png,请使用IrfanView或Gimp之类的工具将其更改为以下格式之一。

将您的图片放在正确的位置。

将图像文件与HTML文件放在同一目录中。这样,当您将页面发布到服务器时,也可以移动图像。

正常构建页面。

图像将放置在体内嵌入标签的位置。

使用<img>标记指示图像。

将此标签嵌入<p> </ p>(段落)或<div> </ div>(分区)对中,以便页面正确验证。

使用src 属性指示包含图像的文件。

如果图像文件与网页位于同一目录中,则只需图像名称。如果图像文件在Internet上的其他位置,则可以使用完整的URL。

包括描述图片的alt属性。

一个ALT标记为游客谁也看不到你的形象很重要-用户有视觉障碍的,谁已经关闭了图片,以提高浏览速度,和搜索引擎机器人的人,不能看到图像但读ALT标签。

用/结束图像标签。

该IMG标签是一种特殊的一次性标签,不需要(或允许)的结束标记。标签末尾的斜杠字符表明了这一点。




/template/Home/KiverCloud200702/PC/Static