HTML基础主要标签的说明和使用

编程入门 行业动态 更新时间:2024-10-11 09:20:06

HTML基础主要<a href=https://www.elefans.com/category/jswz/34/1770160.html style=标签的说明和使用"/>

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基础主要标签的说明和使用

本文发布于:2024-02-26 07:48:09,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1701771.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:标签   基础   HTML

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!