2.5 html的标签之双p、单br、单hr与单img详解

发布于 5 天前  10 次阅读


段落是通过<p>标签定义的

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用<br>标签,即line break

<hr>标签在 HTML 页面中创建水平线,即horizontal rule,水平规则

相关四属性:

color:设置水平线的颜色

width:设置水平线的宽度

size:设置水平线的高度

//注意,水平线hr里不是用height,而是size表示高度

align:设置水平线的对齐方式(默认居中,即center),可取值left | right


网站中最多的元素毋庸置疑,一定是图片

<img>标签定义 HTML 页面中的图像

相关五属性:

src,全称是source(源):路径

alt:图像无法显示时的替代文本,可理解为备注

width:规定图像的宽度

height:规定图像的高度

title:鼠标悬停在该图片时会显示的提示信息(head里面是title标签,这里是img标签的属性之一)

//图像没有align属性,align属性曾经用于控制图像的对齐方式,但在HTML5中,align属性已被弃用,不再推荐使用。取而代之的是使用CSS来控制图像的对齐


绝对路径是电脑存储相关信息的具体且完整的地址

E:\itbaizhanCode\1.jpg

相对路径是相对于当前文档的位置而言

共有同级、子、父和多级四个关系

同级关系,就是./ 这里的.可以理解为表示当前文件所在的文件夹

./ 可以省略,也就是直接使用文件名即可

<img src="image.jpg" alt="Image">

子级关系,要引用当前目录下的子目录中的文件,可以使用子目录名加文件名

比如你是在img目录里,img目录有个子目录是imgs

那么可以用imgs/里面的文件名

父级关系,使用../ 这里的..可以理解为上一层的文件夹

多级关系,就是利用多个...所组成

<img src="../../images/photo.jpg" alt="Photo">

网络路径就是具体的网址名而已

届ける言葉を今は育ててる
最后更新于 2025-02-05