HTML基础学习：图像中常见的属性
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
1.要在页⾯上显⽰图像，你需要使⽤源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src="url" />
2.将图像置为图⽚背景，可以直接在<body>中设置：<body background="/i/eg_background.jpg">
3.align属性：给图⽚排列位置（设置对其⽅式）
<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在⽂本中</p>html学多久
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在⽂本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在⽂本中</p>
<p><img src ="/i/eg_cute.gif" align ="left"> 带有图像的⼀个段落。图像的 align 属性设置为 "left"。图像将浮动到⽂本的左侧。</p>
<p><img src ="/i/eg_cute.gif" align ="right"> 带有图像的⼀个段落。图像的 align 属性设置为 "right"。图像将浮动到⽂本的右侧。</p>
4.调节图像⼤⼩：width、height
<img src="/i/eg_mouse.jpg" width="50" height="50">
5.为图⽚显⽰替换⽂本：alt
如果浏览器加载图⽚失败，或者在某些只能显⽰⽂本的浏览器中，只能显⽰alt中的⽂本
<img src="/i/eg_goleft.gif" alt="向左转" />  以⾕歌浏览器为例，如果可以正常显⽰src中的图⽚，那就显⽰图⽚；如果⽆法显⽰图⽚，那么就显⽰“向左转”。如果您把⿏标指针移动到图像上，⼤多数浏览器会显⽰ "alt" ⽂本（⾕歌浏览器没有显⽰）。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。