哈喽,各位小伙伴们大家好,今天给大家更新的是第七个HTML小案例哦!希望各位小伙伴们喜欢。谢谢大家喽!
请看图示如下
案例源代码如下:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>案例五代码</title>
<meta charset="utf-8">
</head>
<body bgcolor="Aqua">
<h1 align="center">哈喽,各位小伙伴大家好 <hr> </h1>
<h2 align="center">今 天 继 续 给 大 家 更 新 的 是 1.7 img 元 素 嵌 入 图 片</h2>
<p>常见聊天图标 如下</p>
1. <img src="qq.png"><br>
2. <img src="qq.png" width="20%" height="20%"><br>
3. <img src="qq.png" width="100px" height="100px"><br>
4. <img src="qq.jpg" width="30%" height="30%" alt="网络错误,无法正常显示!"><br>
5. <a href="https://im.qq.com" target="_black"><img src="qq.png" width="30%" height="30%" title="打开QQ,请单击"></a><br>
<!-- 这里添加了超链接 -->
<p>这里以同一文件夹下QQ图片为例进行简单演示,大家可以多多练习不同照片、路径</p>
</body>
</html>
sc