web前端之HTML的大框架(body元素與frameset元素)

来源:http://www.cnblogs.com/zx111/archive/2016/08/13/5768508.html
-Advertisement-
Play Games

web前端之HTML的大框架 body元素與frameset元素 對於從事html的人員來說,我們一般熟悉的框架是先聲明html ,然後在<html>標簽對里包著<head>標簽對和<body>標簽對,body元素定義文檔的主體,包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。而我們想 ...


web前端之HTML的大框架

                           body元素與frameset元素

 

對於從事html的人員來說,我們一般熟悉的框架是先聲明html ,然後在<html>標簽對里包著<head>標簽對和<body>標簽對,body元素定義文檔的主體,包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。而我們想要在頁面中顯示出來的內容全部寫在<body>標簽對里。

例如:

<!DOCTYPE html>

<html>
  <head>
    <title></title>

    <meta charset="utf-8">
  </head>
  <body>

    <p>頁面中能顯示出來</p>

  </body>
</html>

 

但是還有另外一個大框架,就是<frameset>標簽對,它被用來組織多個視窗(框架),不常用,估計也很少人知道的,不多說  上代碼演示:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
  <frameset cols="25%,50%,25%">
    <frame  style="background-color: yellow ">
    <frame  style="background-color: green ">
    <frame  style="background-color: lightbl ">
  </frameset>
</html>

 

     在其最簡單的應用中,<frameset>標簽對僅僅會規定在框架集中存在多少列或多少行,必須使用 cols 或 rows 屬性。 代碼中的cols表示的是所分的列,用相對寬度來表示的,第一列占整體寬度的25%,第二列占整體寬度的50%,第三列占整體寬度的25%,分別加上不同的背景色,看起來更明確。類似的也可以分成若幹行rows 來劃分整體的高度。如果所分的行或是列不能完全占據整體的寬度或是高度,就在最後加一個 * 來劃分剩餘的寬度或是高度。 <frameset>每個框架存有獨立的文檔,可以用src屬性來調取,例如<frame src="a.html">就在一個框架中調取了 a.html文件。

 

需要註意的是 :不能與 <frameset></frameset> 標簽一起使用 <body></body> 標簽,它們是歸屬不同的框架架構。不過,如果需要為不支持框架的瀏覽器添加一個 <noframes> 標簽,請務必將此標簽放置在 <body></body> 標簽中!    
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HTML(hyper text markup language):超文本標記語言 標記學習 1.標題標記:有六種標題<h1>-<h6> 2.列表:(無序列表;有序列表;定義列表)<ul>、<ol>、<dl> 3.段落<p> 4.預格式文本(按照源文件格式在瀏覽器中顯示)<pre> 5.分區塊文本<d ...
  • HTML(HyperText Markup Language,超文本標記語言)最早的HTML官方正式規範,是1995年IETF(Internet Engineering Task Force,網際網路工程任務組)發佈的HTML 2.0。W3C(World Wide Web Consortium,萬維網 ...
  • 一、angularJS簡介 1.什麼是 AngularJS? AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的庫。AngularJS是協助搭建單頁面工程的開源前端框架。它通過MVC模式使得開發與測試變得更容易。AngularJS 是以一個 JavaSc ...
  • 這兩天查了好多eval()的資料,結果還是很模糊,但是把自己知道的寫下來了! ...
  • Ajax 完整教程 第 1 頁 Ajax 簡介Ajax 由 HTML、JavaScript™ 技術、DHTML 和 DOM 組成,這一傑出的方法可以將笨拙的 Web 界面轉化成交互性的 Ajax 應用程式。本文的作者是一位 Ajax 專家,他演示了這些技術如何協同工作 —— 從總體概述到細節的討論 ...
  • HTML 什麼是瀏覽器什麼是伺服器? 可以顯示伺服器中的html文件。 可以讓用戶與這些文件交互。 特點: 處理請求。 必須保證二十四小時開機狀態。 請求協議:http協議: Url的組成:協議://伺服器的ip地址:埠號/請求頁面。 原來瀏覽器所做的事情是將伺服器響應回來的response進行從 ...
  • 例一 var x=10;全局變數(開闢空間)function outer(){x=20;//此處未聲明變數(未開闢空間),只給全局變數聲明瞭,此處賦值會把全局變數開闢的存儲空間的值替換掉(全局變數中的x替換成20)。function inner(){x=30;//此處未聲明變數(未開闢空間),只給全 ...
  • { "total": 16, "rows":[ { "name": "張三", "email": "[email protected]", "date": "2016-08-13" }, { "name": "李四", "email": "[email protected]", "date": " ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...