零基础建站培训介绍

当前位置:

第八节: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. 第十二节:HTML Div标签
  2. 怎么使做的网页上图片在每台电脑显示一样
  3. 如何修改自己做网站上的图片
  4. HTML视频教程第7节:文本格式化标签,“计算机输出”标签,引用标签
  5. 本人高仿的fzlol非主流图站——全是图片噢
  6. Wordpress网站添加彩色标签(标签云)效果
  7. discuz模板制作调用标签大全
  8. 关于文字和图片不能设置成一排的问题
  9. 8.织梦后台自定义标签的使用及调用方法
  10. 第三节:html文字粗体标签