HTML图像:

在 HTML 中,图像由<img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

URL是指图像存储的位置,D盘中有个叫html的文件夹,里面有张图片叫abc,是jpg的,那么就写作:

<img src="D|/html/abc.jpg" width="425" height="510">,但最好将图片可写的网页放在同一目录下,这样只要写作src=“xxx.jpg”即可。

HTML -ALT属性:

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。此属性作用就是当浏览器无法显示出

图像时,会将前期写好的alt属性中的内容显示出来。

HTML 图像- 设置图像的高度与宽度

height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。

例如:<img src="smiley.gif" alt="Smiley face" width="32" height="32">

注:如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。

特别地:style="float:right/left"可以设置图片的浮动位置

<map>标签用于定义地图图像

<area>标签用于定义地图中可点击区域

align="bottom/middle/top"设置图片位置

注意:插入动图的语是一样法和静态图的语法的。

设置图片链接:

<a href="http://www.xxxxxx.com/html/">

<img border="0" src="smiley.gif" alt="xxxx" width="32" height="32"></a>

即将一个图片写于一个链接的嵌套形式

下面是我操作的练习:

180301-【第一百一十天】HTML图像

运行结果:

180301-【第一百一十天】HTML图像

目标:继续学习HTML

相关文章:

  • 2021-08-22
  • 2021-05-24
  • 2021-12-10
  • 2022-01-21
  • 2021-09-08
  • 2022-12-23
  • 2021-12-03
猜你喜欢
  • 2022-01-01
  • 2022-03-05
  • 2022-01-02
  • 2021-12-08
  • 2021-10-20
  • 2021-04-25
相关资源
相似解决方案