中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML基礎(四)

發布時間:2020-07-29 18:04:13 來源:網絡 閱讀:280 作者:呆頭陳 欄目:開發技術

框架

通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架,并且每個框架都獨立于其他的框架。

使用框架的壞處:

  • 開發人員必須同時跟蹤更多的HTML文檔

  • 很難打印整張頁面


框架結構標簽(<frameset>)

  框架結構標簽(<frameset>)定義如何將窗口分割為框架

  • 每個 frameset 定義了一系列行

  • rows/columns 的值規定了每行或每列占據屏幕的面積


框架標簽(Frame)

Frame 標簽定義了放置在每個框架中的 HTML 文檔。

在下面的這個例子中,我們設置了一個兩列的框架集。第一列被設置為占據瀏覽器窗口的 25%。第二列被設置為占據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中,而 HTML 文檔 "frame_b.htm" 被置于第二個列中


假如一個框架有可見邊框,用戶可以拖動邊框來改變它的大小。為了避免這種情況發生,可以在 <frame> 標簽中加入:noresize="noresize"。

為不支持框架的瀏覽器添加 <noframes> 標簽。

重要提示:不能將 <body></body> 標簽與 <frameset></frameset> 標簽同時使用!不過,假如你添加包含一段文本的 <noframes> 標簽,就必須將這段文字嵌套于 <body></body> 標簽內。(在下面的第一個實例中,可以查看它是如何實現的。)


簡單的框架嵌套:三個框架都可拖動邊框修改大小

<html>	
<frameset rows="50%,50%">
	<frame src="1.html">
	<frameset cols="25%,75%">
		<frame src="2.html">
		<frame src="3.html">
	</frameset>	
	
</frameset>
</html>
<html>

<frameset cols="50%,*,25%">
   <!-- 加入noresize后標記的框架無法拖動邊框來修改大小 -->
  <frame src="1.html" noresize="noresize" />
  <frame src="2.html" />
  <frame src="3.html" />
</frameset>

</html>


內聯框架

添加 iframe 的語法

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

URL 指向隔離頁面的位置。

Iframe - 設置高度和寬度

height 和 width 屬性用于規定 iframe 的高度和寬度。

屬性值的默認單位是像素,但也可以用百分比來設定(比如 "80%")。

Iframe - 刪除邊框

frameborder 屬性規定是否顯示 iframe 周圍的邊框。

設置屬性值為 "0" 就可以移除邊框:

使用 iframe 作為鏈接的目標

iframe 可用作鏈接的目標(target)。

鏈接的 target 屬性必須引用 iframe 的 name 屬性:

<html>
<body>
<!-- 設置內聯框架的指向為1.html 名字是test -->
<iframe src="1.html" name="test"></iframe>
<!-- 添加的鏈接名稱為Baidu,鏈接內聯網頁test,地址為Baidu網址 ,
點擊后在內聯框架中跳至Baidu -->
<p><a >Baidu</a></p>

<p><b>注釋:</b>由于鏈接的目標匹配 iframe 的名稱,所以鏈接會在 iframe 中打開。</p>

</body>
</html>


背景(Backgrounds)

<body> 擁有兩個配置背景的標簽。背景可以是顏色或者圖像。

背景顏色(Bgcolor)

背景顏色屬性將背景設置為某種顏色。屬性值可以是十六進制數、RGB 值或顏色名。

背景(Background)

背景屬性將背景設置為圖像。屬性值為圖像的URL。如果圖像尺寸小于瀏覽器窗口,那么圖像將在整個瀏覽器窗口進行復制。

<body background="clouds.gif">
<body background="https://cache.yisu.com/upload/information/20200312/65/247494.jpg">

URL可以是相對地址,如第一行代碼。也可以使絕對地址,如第二行代碼。


提示:如果你打算使用背景圖片,你需要緊記一下幾點:

  • 背景圖像是否增加了頁面的加載時間。小貼士:圖像文件不應超過 10k。

  • 背景圖像是否與頁面中的其他圖象搭配良好。

  • 背景圖像是否與頁面中的文字顏色搭配良好。

  • 圖像在頁面中平鋪后,看上去還可以嗎?

  • 對文字的注意力被背景圖像喧賓奪主了嗎?


基本的注意事項 - 有用的提示:

<body> 標簽中的背景顏色(bgcolor)、背景(background)和文本(text)屬性在最新的 HTML 標準(HTML4 和 XHTML)中已被廢棄。W3C 在他們的推薦標準中已刪除這些屬性。

應該使用層疊樣式表(CSS)來定義 HTML 元素的布局和顯示屬性。


顏色由紅色、綠色、藍色混合而成。

顏色值

顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。

每種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。

顏色名

大多數的瀏覽器都支持顏色名集合。

提示:僅僅有 16 種顏色名被 W3C 的 HTML4.0 標準所支持。它們是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

如果需要使用其它的顏色,需要使用十六進制的顏色值。


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

电白县| 三穗县| 郁南县| 弥勒县| 都兰县| 郧西县| 巍山| 长泰县| 图片| 安阳市| 视频| 昆山市| 郸城县| 娄底市| 江安县| 新源县| 庆城县| 平原县| 沭阳县| 凉城县| 鹿泉市| 石屏县| 冷水江市| 阜阳市| 涡阳县| 河间市| 梓潼县| 兴山县| 兰坪| 象州县| 罗源县| 弋阳县| 宣威市| 沿河| 东山县| 措勤县| 宜都市| 漠河县| 香格里拉县| 鄂尔多斯市| 福建省|