网站导航:首页-网页制作语言-最简单的HTML制作-如何在网页中插入图片

最简单的HTML制作

         之如何在网页中插入图片

  在网页中插入图片的格式如下:

  <img src="路径/文件名" border="数字" width="数字" height="数字">

  在上面标签中border用于控制图片的边框大小,width用于控制图片的宽度,height用于控制图片的高度。如果需要给图片加入超级链接,则可以在上述标签前后加入<a href="...">...</a>

  下面我们制作一个HTML文档,来测试一下上面的这个代码,步骤如下:

  1、新建一个文本文件,并将其重命名为“img.html”。

  2、用系统自带的记事本打开“img.html",并输入以下代码。

<html>
<body>
<a href="https://img-cache.invisible.rivalsa.cn/www_rivalsa_cn/article/
WebLanguage/HTMLexample_img.jpg">
<img src="https://img-cache.invisible.rivalsa.cn/www_rivalsa_cn/article/
WebLanguage/HTMLexample_img.jpg" border="2" width="100px" height="100px">
</a>
<p>点击上面的图片放大显示(上面图片也是超级链接)</p>
</body>
</html>

  3、保存后再用浏览器打开这个文件查看效果。

  点击此处查看网页中插入图片代码的效果

  上一篇:如何建立文字的超级链接
  下一篇:如何在网页中插入水平线