HTML 框架和HTML 颜色

一、HTML 框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:

<iframe src="URL"></iframe>

该URL指向不同的网页。

1、Iframe - 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如:“80%”)。
代码实例

<iframe src="HTML1.html" width="500px" height="500px"></iframe>

2、Iframe - 移除边框
frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 “0” 移除iframe的边框:

代码实例

<iframe src="headHtml.html" frameborder="0" width="500px" height="500px"></iframe>

3、使用iframe来显示目标链接页面
iframe可以显示一个目标链接的页面

目标链接的属性必须使用iframe的属性,如下实例:

<iframe src="百度页面联系.html" frameborder="0" width="500" height="500" name="link"></iframe>
<br/>
<a href="https://www.baidu.com" target="link">百度一下</a>

HTML iframe 标签

<iframe>    定义一个内联的iframe

效果如下:
在这里插入图片描述

二、HTML 颜色
HTML 颜色由红色、绿色、蓝色混合而成。
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。
Remark 提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。点击其中一个颜色名称(或一个十六进制值)就可以查看与不同文字颜色搭配的背景颜色。

HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

  <p style="background-color: yellow">通过颜色名设置背景颜色</p>
  <p style="background-color: rgb(255,255,0)">通过rgb值设置背景颜色</p>
  <p style="background-color: #FFFF00">通过16进制设置背景颜色</p>

相对于使用rgb(255,255,0),使用rgba(255,255,0,0.5)可以实现设置颜色透明度的功能,这里的0.5表示透明度,范围0~1。

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

HTML 颜色值
颜色由红®、绿(G)、蓝(B)组成。
颜色值由十六进制来表示红、绿、蓝(RGB)。
每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)。
十六进制值的写法为 # 号后跟三个或六个十六进制字符。
三位数表示法为:#RGB,转换为6位数表示为:#RRGGBB。

效果显示 :
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u013983033/article/details/84879380
今日推荐