您的位置：首页 > Web前端 > HTML

HTML学习07－_IMG标签 图像标签

2016-07-28 20:39 281 查看
通过使用HTML，可以在文档中显示图像。

实例

插入图像：⚠️插入动画图像的语法与插入普通图像的语法没有区别。(要保证文件路径和工程路径在同一个目录下)

<html>
<head lang="en">
<meta charset="UTF-8">
<title>图像标签</title>
</head>
<body>
<p>一幅静态图<img src="1.jpg" width="100" height="100"></p>
<p>一幅动态图<img src="2.gif" width="100" height="100"></p>
<p>无论静态图还是动态图，语法都是一样的</p>
</body>
</html>



图像标签（<img>）和源属性(Src)

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

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

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

替换文本属性（ALT）

<!-- ALT 替换文本属性，当图片显示不了的时候显示ALT文字。title：当鼠标放在上面的时候显示的提示文字-->
<p>一幅静态图<img src="1.jpg" width="100" height="100" title="鼠标" alt="鼠标图片"></p>
<p>一幅动态图<img src="2.gif" width="100" height="100" title="金馆长" alt="搞笑动态图片"></p>背景图片
gif和jpg文件均可用做HTML背景

如果图片小于页面，图片会进行重复。

<span style="font-size:14px;"><body background="2.gif">
<p>gif和jpg文件均可用做HTML背景</p>
<p>如果图片小于页面，图片会进行重复</p>
</body></span>


浮动图片(左对齐／右对齐／居中)

<p>一幅静态图<img src="1.jpg" width="100" height="100" title="鼠标" alt="鼠标图片" align="right"></p>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航