HTML基础-10-浮动框架和颜色

1. 浮动框架(< iframe >)

在框架中显示页面

  • 代码
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head> 
<body>

<iframe src="https://blog.csdn.net/xingzuo_1840" name="iframe_a"  width="500" height="300"></iframe>
<p><a href="https://blog.csdn.net/xingzuo_1840" target="iframe_a">玄德公的主页</a></p>

</body>
</html>

说明:
a 中定义了 target=“iframe_a”,因此点击链接会跳到框架中
frameborder="0" 可以不显示边框

  • 显示结果

在这里插入图片描述

2. 颜色

2.1 示例

  • 使用方法

可以使用 16进制、RGB、颜色名来表示颜色

  • 示例
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head> 
<body>

<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>

<p style="background-color:rgb(255,255,0)">
通过 rgb 值设置背景颜色
</p>

<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>

</body>
</html>

2.2 颜色表

《按颜色名排序表》

《按16进制排序表》


posted on 2022-03-25 14:49  运维开发玄德公  阅读(24)  评论(0编辑  收藏  举报  来源

导航