单词缩写: Image 图像
HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签,接下来将详细介绍图像标签<img>以及和他相关的属性。其基本语法格式如下:
该语法中src属性用于指定图像文件的路径和文件名,他是img标签的必需属性。
<img src="图像Url">
img的标记属性
image.png
1、基本方式
image.png
<!-- 图片在同级目录 -->
<img src="donkey.jpg">
2、带alt的,在图片无法显示的时候alt的内容才会展示
image.png
<!-- 图片在同级目录 -->
<img src="" alt="这是我的头像">
3、带title的，鼠标指向显示的
image.png
<!-- 图片在同级目录 -->
<img src="donkey.jpg" title="donkey"><br/>
4、设置宽高的图片，宽或高设置一个，另一个会自动按比例适配
image.png
<img src="donkey.jpg" title="donkey" width="300"><br/>
5、设置带边框的图片
image.png
<img src="donkey.jpg" title="donkey" width="300" border="10"><br/>
网友评论