学做网站培训课程介绍

当前位置:

HTML5 图片标签(img标签)

以下为学做网站论坛关于“HTML5 图片标签(img标签)”讲解视频教程。

选择课程播放速度:

HTML5 图片标签又叫img标签,它是用于显示网页中的图片的一个标签。img标签是一个单标签。

img标签写法

<img />

实例写法:

<img src="tp.png" width="150px" height="50px" alt="图片说明"/>

常用属性:
[src]: 规定显示图像的URL
[alt]: 规定图像的替代文本,当图像显示出现问题时,文字会出现替代图像
[width]: 规定图像的宽度
[height]: 规定图像的高度

说明:

从技术上讲,图像并不会插入HTML页面中,而是链接到HTML页面上。<img> 标签的作用是为被引用的图像创建占位符
全局属性: 支持
事件属性: 支持

注意:
1.src 和 alt 为 必需 属性
2.若指定width=“100%”,表示不管图片尺寸,将图片设置为浏览器宽度的100%,自动按照比例确定图片高度
3.相对路径表示符:…/ :上层目录     ./ :本层目录     / :进入目录,本层目录也可以直接写文件名
4.绝对路径:/uploads/allimg/e1.jpg

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • canvas是html5中比较重要的一个标签,canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • DW 如何创建HTML5网页 图文教程 (127013 次浏览)
    HTML5现在已经成为网页的主流,在使用DW软件新建网页时,我们可以直接去新建一个HTML5页面来编辑。(相关知识:html5从入门教程)DW 创建HTML5格式
  • HTML图片标签(img 标签) 视频教程 (1119447 次浏览)
    HTML 图片 img标签介绍img标签又称图片标签。img标签是用来在浏览器中显示一张图片的HTML标签。img 标签 -- 代表HTML图像,img,是image(图像)的缩写
  • HTML5 图片标签又叫img标签,它是用于显示网页中的图片的一个标签。img标签是一个单标签。img标签写法:<img />实例写法:<img sr