标签的说明和使用"/>
HTML基础主要标签的说明和使用
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="文字">
src属性中分为绝对路径和相对路径。
先说说相对路径,就是根据页面存储的位置为原始位置来讲,当图片和页面处于同一存储位置的时候,那么路径就是112415.jpg,当图片在下一级文件夹(images)中的时候,那么路径就是images/112415.jpg,如果是上一级文件(images)的时候,那么就要跳出上一级文件夹,路径就是…/images/112415.jpg。
那么绝对的路径的,就是根据磁盘为原始位置来讲的,路径就是E:\标签的详解\images。
那么width属性和height属性就是定义图片的宽和高了。
title=“文字”,当鼠标放到文字或是图片上时有文字显示。
alt=“文字”,在图像无法显示时的替代文本。
那么效果如下:
当我们将第一张图片的名字改一下,那么就不会显示图片,因为没有这张图片,那么alt值会出来,显示文字两字。
如图
更多推荐
HTML基础主要标签的说明和使用
发布评论