HTML基础主要标签的说明和使用---img 、input、lable、ul、ol、li............_ul li input

作者：很楠不爱3 | 2024-03-28 08:10:24

踩

ul li input

HTML基础主要标签的说明和使用---img 、input、lable、ul、ol、li、select、option、p、span、strong、table、th、tr、td、link、style、script

<img>标签是定义图像的，它的标签主要有三个属性，分别是src，width，height。代码如下：

	<img src="112415.jpg" width="200" height="100" alt="文字" title="文字">
	<img src="images/112415.jpg" width="200" height="100"  alt="文字" title="文字">
	<img src="../images/112415.jpg" width="200" height="100"  alt="文字" title="文字">
	<img src="E:/标签的详解/images/112415.jpg" width="200" height="100"  alt="文字" title="文字">
1
2
3
4

src属性中分为绝对路径和相对路径。
先说说相对路径，就是根据页面存储的位置为原始位置来讲，当图片和页面处于同一存储位置的时候，那么路径就是112415.jpg，当图片在下一级文件夹（images）中的时候，那么路径就是images/112415.jpg，如果是上一级文件（images）的时候，那么就要跳出上一级文件夹，路径就是…/images/112415.jpg。
那么绝对的路径的，就是根据磁盘为原始位置来讲的，路径就是E:\标签的详解\images。
那么width属性和height属性就是定义图片的宽和高了。
title=“文字”，当鼠标放到文字或是图片上时有文字显示。
alt=“文字”，在图像无法显示时的替代文本。
那么效果如下：
在这里插入图片描述
当我们将第一张图片的名字改一下，那么就不会显示图片，因为没有这张图片，那么alt值会出来，显示文字两字。
如图：<

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/328788