HTML-02-图片标签
Posted 做个机灵鬼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML-02-图片标签相关的知识，希望对你有一定的参考价值。
1.图片标签后面附加属性
2.img图片标签+图片属性，属性不分顺序可有多个属性，每个属性之间至少有一个空格
3.属性以键值对的形式纯在，key–value，一个属性后面必须带属性值
4.盒子标签 div ，span
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--图像标签-->
<h4>显示图片标签:</h4>
<img src="eason.jpg"/><br />
<h4>alt替换文本无法显示图片 用文字代替:</h4>
<img src="eason1.jpg" alt="如果我是陈奕迅"/><br />
<h4>title 提示文本 鼠标停留在图片上显示图片信息:</h4>
<img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅"/>
<h4>width 像素文本 改变图片的大小:</h4>
<img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅" width="400"/>
<h4>height 像素文本 改变图片的大小:</h4>
<img src="eason.jpg" alt="如果我是陈奕迅" title="陈奕迅" height="400"/>
<h4>border 文本 改变图片边框的大小:</h4>
<img src="eason.jpg" alt="陈奕旭" title="陈奕迅" width="400" border="15"/>
</body>
</html>
以上是关于HTML-02-图片标签的主要内容，如果未能解决你的问题，请参考以下文章