如何在HTML中添加内联层?

WBOY
发布: 2023-08-29 17:37:09
转载
1339人浏览过

如何在html中添加内联层?

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

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

HTML 标记支持以下属性 -

属性

值 >

说明

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

以上

layer

name

内联图层的名称,该图层将位于 z 轴中当前图层的正上方-order.

背景

URL

图像的文件名或 URL内联图层的文本和图像将出现在其上。

下方

图层

名称

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

bgcolor

rgb(x,x,x)

#xxxxxx

颜色名称

用于内联图层背景的颜色。

剪辑

数字

内联图层可视区域的坐标。

td>

高度

像素

内联图层的高度,以像素为单位。

number

内联图层左侧的位置。如果当前内联图层是部分另一个图层的。称为父图层-则位置是相对于父图层的。

名称

图层

名称

内联图层的名称。

pagex

数字

内联图层左侧相对于浏览器窗口的位置。 p>

pagey

数字

内联层顶部相对于浏览器窗口的位置。

src

URL

将出现在内联层内的页面的 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>
登录后复制

以上就是如何在HTML中添加内联层?的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
相关标签:
来源:tutorialspoint网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号