代码入门第一章 第七节 图片标签
1 、<img src="图片地址">
2、<img title="内容" alt="内容" src="图片地址"> 。
title :是标题的意思。 Alt:是图片的文字提示
是指已经上传到网络中的图片的地址,或者换句话来说 就是指JPEG(jpg)、GIF等格式的图片的地址。
图片标签形式举例:
图片标签形式 1、
<img src;是源文件路径,也就是文章的地址。
图片标签形式 2、
<img title:是标题 alt:是图片的文字提示
图片标签形式 3 :
<img style:样式 margin":外边距
0px 10px 0px 0px;" 图片的四个外边距
“px”的意思是像素, 高度为300px,宽度我500px
图片标签形式4:
图片边框宽度(border-width)、外边距(margin)、
宽度(width)和高度(height)。
margin 简写属性:一个声明中设置所有外边
该属性可以有到4 个值。
例如:margin:10px 5px 15px 20px;
(设置了四个值,其顺序是上外边距、右外边距、下外边距、左外边。)
例如:margin:10px 5px 15px
(设置了三个值,其顺序是上外边距、右外边距、下外边距。)
例如:margin:10px 5px ;
(设置了两个值,是指上外边距和下外边距
10px、左外边矩和右外边距为5px。)
例如:margin:10px (设置了一个值,所有 4 个外边距都是10px )
图片标签形式6:
BORDER-RIGHT-WIDTH 是右边框线宽度、
BORDER-TOP-WIDTH 是上边框线宽度
BORDER-BOTTOM-WIDTH 是下边框线宽度、
BORDER-LEFT-WIDTH 是左边框线宽度)、
空格 (MARGIN)、图片的外边距
宽度(width)和高度(height)。
联系客服