1. 程式人生 > >HTML 框架和HTML 顏色

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。

效果顯示 :
在這裡插入圖片描述