网页不仅具有文本功能，而且如果使用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标签是一种特殊的一次性标签，不需要（或允许）的结束标记。标签末尾的斜杠字符表明了这一点。
Copyright © 2013-2023 xikunyun.com. All Rights Reserved 西昆云版权所有 南通西昆云计算有限公司 苏ICP备20014144号-2
