零基础建站培训介绍

当前位置:

第八节:HTML 图片 img标签

以下为学做网站论坛关于“第八节:HTML 图片 img标签”讲解视频教程。

HTML 图片 img标签介绍

img标签又称图片标签。img标签是用来在浏览器中显示一张图片的HTML标签。img 标签 -- 代表HTML图像,img,是image(图像)的缩写。

img标签使用实例

做网站时,如果网页上没有图片,将会使自己的网站失色。通过图片标签img标签可以让我们自己的网站图文并茂,图像会使网页更加生动。

img标签也可以加a标签,如:<a href="http://www.xuewangzhan.net/gonggao/393.html" target="_blank"><img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基础建站培训介绍"></a>

HTML 图片 img标签用法

img标签使用书写语法

<img src="图片的地址" alt="图片的描述" title="图片的标题" />

img标签是单独出现的,如:<img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基础建站培训介绍">

但是随着HTML5的普及,图片 img标签也使用闭合的标签。如:<img src="http://www.xuewangzhan.net/wp-content/themes/xwz/images/Course.png" alt="零基础建站培训介绍"></img>

HTML 图片 img标签属性

img标签在使用过程中有以下几个属性:
alt -- 代表图像的替代文字
src -- 代表一个图像源(就是图像的位置)
height -- 代表一个图像的高度
width -- 代表一个图像的宽度

我要分享到:
上一课: 下一课:

发表评论

*

* 绝不会泄露


相关教程

  1. 禁止wordpress网站上传图片时自动生成三张图片方法
  2. discuz模板制作调用标签大全
  3. DW教程第十三节:怎样在图片上写文字
  4. DZ模板的如何修改LOGO图片及背景图片
  5. CSS控制图片和文字在同一行对齐显示
  6. discuz门户文章图片自动加Alt信息
  7. dedecms上传图片水印
  8. wordpress如何自动给图片加ALT信息、标签云等函数应用汇总
  9. 8.织梦后台自定义标签的使用及调用方法
  10. 第三节:html文字粗体标签