Web网页设计·HTML篇(3)·媒体标签

这章我们学习媒体标签,媒体标签就是在网页中,可以呈现图片、视频的样式。

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值