PHP前端开发

如何在HTML中添加内联层?

百变鹏仔 5个月前 (09-22) #HTML
文章标签 内联

使用 标签添加内联图层。 HTML 标签用于创建一个在包含文本流中占据空间的层。后续内容放置在 占用的空间之后。

这与 标记相反, 标记在包含文本流上方创建一个图层,允许将后续内容放置在刚刚创建的图层。

HTML 标记支持以下属性 -

属性值 >说明

立即学习“前端免费学习笔记(深入)”;

以上 layer

name

内联图层的名称,该图层将位于 z 轴中当前图层的正上方-order.
背景URL图像的文件名或 URL内联图层的文本和图像将出现在其上。
下方图层

名称

将要定位的内联图层的名称按 z 顺序直接位于当前图层下方。
bgcolorrgb(x,x,x)

#xxxxxx

颜色名称

用于内联图层背景的颜色。
剪辑数字内联图层可视区域的坐标。

td>

高度像素内联图层的高度,以像素为单位。
number内联图层左侧的位置。如果当前内联图层是部分另一个图层的。称为父图层-则位置是相对于父图层的。
名称图层

名称

内联图层的名称。
pagex数字内联图层左侧相对于浏览器窗口的位置。 p>
pagey数字内联层顶部相对于浏览器窗口的位置。
srcURL将出现在内联层内的页面的 URL。
顶部number内联图层顶部的位置。如果当前内联图层是另一层——称为父层——那么位置是相对于父层的。
可见性show确定内联图层是否可见。
隐藏

继承

宽度像素内联图层的宽度,以像素为单位。
z-index数字内联图层在 z 顺序中的位置。具有较高 Z-INDEX 值的内联图层位于 Z-INDEX 值较低的内联图层之上。

示例

您可以尝试运行以下代码来实现 标签 -

<!DOCTYPE html><html>   <head>      <title>HTML ilayer Tag</title>   </head>   <body>      This <ilayer top = "4">word</ilayer> is shifted down, while this      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,      words can be moved <ilayer top = "-4">up</ilayer> and to the      <ilayer left = "-10">left</ilayer>.</body></html>