通过使用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>