这章我们学习媒体标签,媒体标签就是在网页中,可以呈现图片、视频的样式。
1.图片媒体标签
<img src="" alt="" title="" width="" height="" >
<body>
<img src="./李二.png" alt="csdn博主:李二" title="csdn博主:李二" width="1000px" height="">
</body>
演示图
首先img标签就是个单标签,将你希望的所有属性都写在img里面
src=“”属性:引用图片路径(下个标题细讲),如果直接使用的话要注意图片的名称。格式必须准确
alt=“”属性:替换文本,当src中名称输入错误或者源文件打不开时,alt就是用来替换图片的文本
title=“”属性:提示文本,当我们的光标点到图片时,会有文本框来提示读者,这个提示文本框
wight=“”、hight=“”属性:图片尺寸,通过px像素单位,来调整图片的大小尺寸,wight表示宽度,hight表示高度。如果不必要仅调整weight宽度就可以按比例缩放
2.路径
在引用图片时往往需要将图片文件引入本地文件夹,这样就涉及到了上个文件夹(父级)、同个文件夹(同级)、下个文件夹(子集)
./同级路径
<body>
<img src="./李二.png" alt="csdn博主:李二" title="csdn博主:李二" width="1000px" height="">
</body>
/子集路径
<body>
<img src="./新建文件夹/李二.png" alt="csdn博主:李二" title="csdn博主:李二" width="1000px" height="">
</body>
../父级路径
<body>
<img src="/新建文件夹/李二.png" alt="csdn博主:李二" title="csdn博主:李二" width="1000px" height="">
</body>