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>