Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产97色在线|免费,男人日女人免费视频,欧美换爱交换乱理伦片禁忌

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端面試題 ===> 「HTML」

          TML面試題總結

          1. 對 HTML 語義化的理解

          1. 去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構;
          2. 代碼結構清晰,方便團隊的管理和維護,并且語義化更具有可讀性,減少差異化;
          3. 提升用戶體驗; 例如:title、alt用于解釋名詞或者圖片信息、label標簽的活用
          4. 有利于SEO優化,提升搜索引擎排名; 和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息; 爬蟲依賴于標簽來確上下文和關鍵字的權重;
          5. 方便其他設備的解析(屏幕閱讀器、盲人閱讀器、移動設備等等);

          2. H5新增特性

          1. 語義化更好的標簽: header、nav、aside、article、section、footer;
          2. 音視頻標簽: audio、video; 如果瀏覽器不支持自動播放怎么辦? 在屬性中添加autoplay(谷歌瀏覽器不支持音頻自動播放,但是視頻支持靜音自動播放);
          3. 以 data- 開頭的自定義屬性
          4. 本地存儲: localStorage、sessionStorage;
          5. 表單控件; 給 type 屬性設置值; url、search、file、email、date、number、month、color、tel;
          6. 畫布; Canvas;
          7. 拖拽釋放: drag、drop;
          8. 新技術: 瀏覽器多線程:webWorker; 前后臺持久化通信技術:webSocket;

          3. HTML5常用的結構標簽有哪些,它替換了之前的哪些標簽?

          • header、nav、main、article、aside、footer、section
          • <div class="header">、<div class="nav">、<div class="main">...

          4. HTML文檔采用 UTF-8編碼集 的優勢是什么?

          1. utf-8: 使用3個字節表示一個符號,基本上可以覆蓋世界上所有的語言;
          2. 優勢: 與傳統的gb2312、gbk相比,可識別的字符集更多,也是行業界推薦的;

          5. 標簽中常用的屬性有哪些?

          • id、class、title、style;

          6. 標簽中的 title屬性 和 alt屬性 的區別是什么?

          1. title: 是標簽的描述屬性,當鼠標移入時,稍等一會兒就會出現title屬性的屬性值;
          2. alt: 用在可置換元素上,當外部資源無法正確加載時,alt屬性的屬性值就會顯示在占位符上;

          7. 什么是置換元素 和 非置換元素,每種類型至少舉出三個例子

          1. 置換元素: 置換元素的內容來自外部,該元素僅是外部資源的占位符; <img>、<video>、<audio>...;
          2. 非置換元素: 非置換元素內容來自當前文檔,必須使用雙標簽; <p>、<h1> ~ <h6>、<ul>...;

          8. 標簽中的 href屬性 和 src屬性 有什么區別?

          1. 二者都是對外部資源的引用;
          2. href: 用于超文本或樣式,用在 <link>標簽 和 <a>標簽上;
          3. src: 用在外部資源占位符上,如<img>、<iframe>、<script>、<video>...;

          9. iframe標簽有什么優缺點?

          1. 優點: 重載頁面時不需要加載整個頁面,只需要重載頁面中的一個框架頁,從另一方面來說,減少數據的傳輸,加快了網頁下載速度; 技術易于掌握,使用方便,可主要使用于不需要搜索引擎來搜索的頁面; 當前頁面,直接加載其他頁面,而不必發生跳轉;
          2. 缺點: iframe 會阻塞主頁面中的 Onload 事件; 會產生很多頁面,不容易管理; 多框架的頁面會增加服務器的http請求,影響頁面的并行加載; 并行加載:同一時間針對不同域名下的請求,iframe和所在頁面在同一個域下面,而瀏覽器的并行加載的數量是有限制的;

          10. 表單中的按鈕有幾種,常用的標簽有哪幾個?

          1. 按鈕有三種: 普通按鈕、提交按鈕、重置按鈕;
          2. 常用標簽:
          <input type="button" />
          <input type="submit" />
          <input type="rest" />
          <button />

          11. 表單數據的提交方式有幾種,分析使用場景?

          1. POST: 表單數據通過請求體發送;
          2. GET: 表單數據通過URL地址欄發送;

          12. 什么是 重繪 和 重排?

          1. 重繪: 當元素的一部分屬性發生改變,如外觀、背景、顏色等不會引起布局變化,只需瀏覽器根據元素的新屬性重新繪制,使元素呈現新的外觀叫做重繪;
          2. 重排: 和重繪相反,當改變布局的時候,就會引起重排;
          3. 重繪不一定需要重排(比如顏色的改變),重排必然導致重繪(比如改變網頁位置)

          發者面向企業級應用開發,集成所需要的成熟穩定SDK(軟件開發工具包),可以快速為集成產品提供相應的功能,大大節約了開發成本和提高了研發效率。

          暢寫Office SDK面向開發者提供一種快速集成在線文檔的能力,幫助企業應用快速實現在線文檔編輯與協作服務,包含文字處理、電子表格、演示文稿、PDF等功能組件,無需插件和本地Office,深度兼容各類Office文件格式,用戶打開瀏覽器就可以使用。易集成、快速應用、全屏覆蓋、支持公有云和私有化部署。

          采用暢寫OfficeSDK快速集成給企業帶來的價值:

          • 簡短代碼、方便低成本快捷集成,節約80%以上的開發成本;
          • 提供完整的云端Office(Word、Excel和PPT)編輯和協作功能體驗;
          • 文檔即是鏈接,權限可控、文檔傳輸安全無死角;
          • 用戶客戶端無需安裝本地Office和插件,極大提升了系統維護和提高用戶操作體驗;
          • 適用平臺:快速集成后,支持所有PC端、Android和iOS終端設備使用;
          • 應用場景:支持APP、公眾號、網頁等形式的網盤、OA、CRM、ERP、郵件等業務系統快速集成;
          • 文件格式:支持Office類(doc、docx、odt、csv、ods、xls、 xlsx、odp、pps、ppsx、ppt、 pptx)等文件格式;

          暢寫Office主創團隊成員來自國內Office辦公軟件廠商和國際LibreOffice.org開源社區,在Office功能開發、格式兼容性處理、場景化文檔應用等方面具有20年的行業經驗;精通處理各類Office文件格式兼容性技術,包含docx、doc、xlsx、xls、pptx、ppt、uof、pdf及ofd文件格式;具備文字處理、電子表格、演示文稿功能及快速服務能力。

          此次首度公開的暢寫Office開發手冊正是出自這樣的團隊,是深研多年技術精英的經驗總結,并經歷了多次大規模一線實戰檢驗及完善,鑄就了高含金量的暢寫Office開發手冊。

          今天帶大家看看這套開發者手冊

          如何幫助行業人員提高開發質量和效率

          降低代碼維護成本

          歡迎登錄瀏覽,收藏不迷路

          ? ? ?

          https://chang-xie.gitee.io/devdoc/#/

          開發手冊有哪些值得關注的亮點?

          該手冊以開發者為中心視角,劃分為快速開始、部署指導、開發指引、工作原理、常見問題、應用場景、更新日志等七大板塊,再根據內容特征,細分成若干二級子目錄。根據暢寫Office功能服務特征,依次分為步驟、方法、代碼三大類,不僅能讓開發者一目了然, 更有助于開發團隊分工與合作、真正提升系統開發效率。

          【無需下載簡單易集成】

          首先是關于在線文檔的打開、部署、使用接口、設備要求規范、工作原理規范等相關指導內容,全部源于業界經典應用案例,經過團隊專業開發者深度討論提煉而成。表面看似簡單,實質是直擊代碼靈魂的考究,隨手列舉其中一條,一起來感受下:

          調用暢寫Office SDK 簡單易集成,可以將暢寫文字處理、電子表格、演示文稿編輯器快速集成到業務系統中。

          暢寫Office JavaScript API 文件引用地址:

          http://documentserver/web-apps/apps/api/documents/api.js
          

          documentserver 修改成暢寫Office部署的服務器ip或者域名

          嵌入暢寫Office需要在HTML頁面定義div元素占位符并且引入API文件。查看簡單示例

          <div  id = "CXO_Editor_SDK" > </div> 
          
          <script type = "text/javascript" src="http://documentserver/web-apps/apps/api/documents/api.js"></script>

          【結構清晰分明】

          暢寫Office開發手冊架構簡明清晰,菜單欄進行了合理設計和系統規劃,在這里,不管你是剛入門的程序員還是企業研發,都可以直觀的看懂后端部署指導、開發指引、工作原理,快速了解甚至應用到對接部署工作。

          【代碼詳細實用】

          為了讓更多基礎入門的開發者能更快、準確理解代碼背后的思路,此次新版也對部分略顯復雜的示例做了更生動的解釋。以貼合企業應用的實際場景,幫助有需要的人員理解代碼世界中的邏輯原理。

          【快速集成部署】

          暢寫支持快速部署開箱即用,支持公有云、私有化部署,為企業應用高效賦能;企業技術人員參考我們提供的《開發者手冊》便可以自主部署在本地機房、自建機房IDC中心和公有云平臺,也可以隨時向暢寫專業技術人員尋求幫助,通過遠程登錄的方式安裝部署。

          【環境要求】

          暢寫Office開發手冊有詳細的操作系統規格:支持Ubuntu 16.04或以上、CentOS7.4或以上、Redhat7.4或以上、統信服務器操作系統V20、中標麒麟服務器操作系統V7.0、深度服務器操作系統V15、銀河麒麟V10、湖南麒麟V3.3-6A、湖南麒麟V3.3-6B、openEule等操作系統。

          【案例豐富飽滿】

          暢寫Office以強大的文檔在線編輯能力、文件格式深度兼容性、多維協作及權限控制、易集成、部署靈活等能力,深受行業客戶的喜愛,已服務大型集團企業,包括平安銀行、平安科技集團、光大銀行、交通銀行、中國銀行、廣發銀行、國海證券、惠華基金、國家電網、南方電網、波司登、中鐵等行業大客戶,不管您的企業屬于哪個行業領域,暢寫都能為您的企業提供數智化辦公服務。

          【實力科研團隊】

          暢寫Office,依托20年Office專業技術素養的團隊,秉承著【文檔就是生產力】的理念,打造具有中文特色的云端辦公軟件產品及服務,具備“兼容、連接、協作、溝通"能力,即兼容微軟Office系列文件格式、兼容功能操作、兼容用戶習慣,連接人、連接設備、連接系統,多人協作與溝通、系統協同、數據互操作等能力。面向企業服務提供各種在線文檔場景化處理服務,助力企業應用實現數字化轉型、智能化應用,旨在全面提升企業員工協作效率和系統協同生產力。

          暢寫Office SDK開發者手冊

          稱不上是最完美的

          但是有了業界所有開發者的關注與支持

          我們相信它在一步步走向完美

          未來我們還會不斷創新升級

          以更佳的使用體驗

          更貼心的服務回饋用戶

          期待您的持續關注



          么是HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言 (Hyper Text Markup Language)

          • HTML 不是一種編程語言,而是一種標記語言 (markup language)

          • 標記語言是一套標記標簽 (markup tag)

          • HTML 使用標記標簽來描述網頁

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          HTML 文檔 = 網頁

          • HTML 文檔描述網頁

          • HTML 文檔包含 HTML 標簽和純文本

          • HTML 文檔也被稱為網頁

          Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容

          <html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>

          例子解釋

          • <html> 與 </html> 之間的文本描述網頁

          • <body> 與 </body> 之間的文本是可見的頁面內容

          • <h1> 與 </h1> 之間的文本被顯示為標題

          • <p> 與 </p> 之間的文本被顯示為段落

          HTML 元素語法

          • HTML 元素以開始標簽起始

          • HTML 元素以結束標簽終止

          • 元素的內容是開始標簽與結束標簽之間的內容

          • 某些 HTML 元素具有空內容(empty content)

          • 空元素在開始標簽中進行關閉(以開始標簽的結束而結束)

          • 大多數 HTML 元素可擁有屬性

          HTML 標簽對大小寫不敏感

          HTML 標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。

          HTML 段落是通過 <p> 標簽進行定義的

          HTML 鏈接是通過 <a> 標簽進行定義的。

          <a >This is a link</a>

          注釋:在 href 屬性中指定鏈接的地址

          HTML 圖像是通過 <img> 標簽進行定義的。

          <img src="w3school.jpg" width="104" height="142" />

          注釋:圖像的名稱和尺寸是以屬性的形式提供的

          <body> 元素定義了 HTML 文檔的主體。

          <html> 元素定義了整個 HTML 文檔

          HTML 屬性

          HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

          屬性總是以名稱/值對的形式出現,比如:name="value"。

          屬性總是在 HTML 元素的開始標簽中規定

          屬性實例

          HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定:

          <a >This is a link</a>

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感

          始終為屬性值加引號

          屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題

          在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:

          name='Bill "HelloWorld" Gates'

          HTML 水平線

          <hr /> 標簽在 HTML 頁面中創建水平線。

          hr 元素可用于分隔內容。

          HTML 注釋

          可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。

          注釋是這樣寫的:

          實例

          <!-- This is a comment -->

          HTML 折行

          如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標簽

          <p>This is<br />a para<br />graph with line breaks</p>

          當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 代碼中的所有連續的空行(換行)也被顯示為一個空格。

          如何使用樣式

          當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表:

          外部樣式表

          當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。

          <head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

          內部樣式表

          當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。

          <head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>

          內聯樣式

          當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

          <p style="color: red; margin-left: 20px">This is a paragraph</p>

          HTML 超鏈接(鏈接)

          超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

          當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。

          我們通過使用 <a> 標簽在 HTML 中創建鏈接。

          有兩種使用 <a> 標簽的方式:

          1. 通過使用 href 屬性 - 創建指向另一個文檔的鏈接

          2. 通過使用 name 屬性 - 創建文檔內的書簽

          HTML 鏈接語法

          鏈接的 HTML 代碼很簡單。它類似這樣:

          <a href="url">Link text</a>

          <a >Visit W3School</a>

          HTML 鏈接 - target 屬性

          使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。

          下面的這行會在新窗口打開文檔:

          <a target="_blank">Visit W3School!</a>

          HTML 鏈接 - name 屬性

          name 屬性規定錨(anchor)的名稱。

          您可以使用 name 屬性創建 HTML 頁面中的書簽。

          使用 id 屬性來替代 name 屬性,命名錨同樣有效

          命名錨的語法:

          <a name="label">錨(顯示在頁面上的文本)</a>

          圖像標簽(<img>)和源屬性(Src)

          在 HTML 中,圖像由 <img> 標簽定義。

          <img> 是空標簽,意思是說,它只包含屬性,并且沒有閉合標簽。

          要在頁面上顯示圖像,你需要使用源屬性(src)。src 指 "source"。源屬性的值是圖像的 URL 地址。

          定義圖像的語法是:

          <img src="url" />

          替換文本屬性(Alt)

          alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。

          <img src="boat.gif" alt="Big Boat">

          表格

          表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

          表格和邊框屬性

          使用邊框屬性來顯示一個帶有邊框的表格:

          <table border="1"></table>

          表格的表頭

          表格的表頭使用 <th> 標簽進行定義。

          表格中的空單元格

          在一些瀏覽器中,沒有內容的表格單元顯示得不太好。如果某個單元格是空的(沒有內容),瀏覽器可能無法顯示出這個單元格的邊框。這個空的單元格的邊框沒有被顯示出來。為了避免這種情況,在空單元格中添加一個空格占位符,就可以將邊框顯示出來。

          <td> </td>

          無序列表

          無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。

          無序列表始于 <ul> 標簽。每個列表項始于 <li>。

          <ul><li>Coffee</li><li>Milk</li></ul>

          瀏覽器顯示如下:

          • Coffee

          • Milk

          列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

          有序列表

          同樣,有序列表也是一列項目,列表項目使用數字進行標記。

          有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

          <ol><li>Coffee</li><li>Milk</li></ol>

          瀏覽器顯示如下:

          1. Coffee

          2. Milk

          列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

          定義列表

          自定義列表不僅僅是一列項目,而是項目及其注釋的組合。

          自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

          <dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

          瀏覽器顯示如下:

          Coffee

          Black hot drink

          Milk

          White cold drink

          定義列表的列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等

          可以通過 <div> 和 <span> 將 HTML 元素組合起來。

          HTML 塊元素

          大多數 HTML 元素被定義為塊級元素或內聯元素。

          編者注:“塊級元素”譯為 block level element,“內聯元素”譯為 inline element。

          塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。

          例子:<h1>, <p>, <ul>, <table>

          HTML 內聯元素

          內聯元素在顯示時通常不會以新行開始。

          例子:<b>, <td>, <a>, <img>

          HTML <div> 元素

          HTML <div> 元素是塊級元素,它是可用于組合其他 HTML 元素的容器。

          <div> 元素沒有特定的含義。除此之外,由于它屬于塊級元素,瀏覽器會在其前后顯示折行。

          如果與 CSS 一同使用,<div> 元素可用于對大的內容塊設置樣式屬性。

          <div> 元素的另一個常見的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用 <table> 元素進行文檔布局不是表格的正確用法。<table> 元素的作用是顯示表格化的數據

          HTML <span> 元素

          HTML <span> 元素是內聯元素,可用作文本的容器。

          <span> 元素也沒有特定的含義。

          當與 CSS 一同使用時,<span> 元素可用于為部分文本設置樣式屬性。

          HTML 表單用于搜集不同類型的用戶輸入

          表單

          表單是一個包含表單元素的區域。

          表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。

          表單使用表單標簽(<form>)定義。

          <form>... input 元素...</form>

          輸入

          多數情況下被用到的表單標簽是輸入標簽(<input>)。輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:

          文本域(Text Fields)

          當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。

          <form>First name: <input type="text" name="firstname" /><br />Last name: <input type="text" name="lastname" /></form>

          單選按鈕(Radio Buttons)

          當用戶從若干給定的的選擇中選取其一時,就會用到單選框。

          <form><input type="radio" name="sex" value="male" /> Male<br /><input type="radio" name="sex" value="female" /> Female</form>

          復選框(Checkboxes)

          當用戶需要從若干給定的選擇中選取一個或若干選項時,就會用到復選框。

          <form><input type="checkbox" name="bike" />I have a bike<br /><input type="checkbox" name="car" />I have a car</form>

          表單的動作屬性(Action)和確認按鈕

          當用戶單擊確認按鈕時,表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理。

          <form name="input" action="html_form_action.asp" method="get">Username: <input type="text" name="user" /><input type="submit" value="Submit" /></form>

          框架

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

          使用框架的壞處:

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

          • 很難打印整張頁面

          框架結構標簽(<frameset>)

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

          • 每個 frameset 定義了一系列行或列

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

          框架標簽(Frame)

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

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

          <frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"></frameset>

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

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

          iframe 用于在網頁內顯示網頁

          添加 iframe 的語法

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

          URL 指向隔離頁面的位置。

          Iframe - 設置高度和寬度

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

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

          實例

          <iframe src="demo_iframe.htm" width="200" height="200"></iframe>

          Iframe - 刪除邊框

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

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

          實例

          <iframe src="demo_iframe.htm" frameborder="0"></iframe>

          使用 iframe 作為鏈接的目標

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

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

          實例

          <iframe src="demo_iframe.htm" name="iframe_a"></iframe><p><a target="iframe_a">W3School.com.cn</a></p>

          背景(Backgrounds)

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

          背景顏色(Bgcolor)

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

          <body bgcolor="#000000"><body bgcolor="rgb(0,0,0)"><body bgcolor="black">

          以上的代碼均將背景顏色設置為黑色。

          背景(Background)

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

          <body background="clouds.gif"><body background="http://www.w3school.com.cn/clouds.gif">

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

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

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

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

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

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

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

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

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

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

          <!DOCTYPE> 聲明幫助瀏覽器正確地顯示網頁。

          HTML 也有多個不同的版本,只有完全明白頁面中使用的確切 HTML 版本,瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。

          <!DOCTYPE> 不是 HTML 標簽。它為瀏覽器提供一項信息(聲明),即 HTML 是用什么版本編寫的。

          常用的聲明

          HTML5

          <!DOCTYPE html>

          HTML <head> 元素

          <head> 元素是所有頭部元素的容器。<head> 內的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息,等等。

          以下標簽都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

          HTML <title> 元素

          <title> 標簽定義文檔的標題。

          title 元素能夠:

          • 定義瀏覽器工具欄中的標題

          • 提供頁面被添加到收藏夾時顯示的標題

          • 顯示在搜索引擎結果中的頁面標題

          HTML <base> 元素

          <base> 標簽為頁面上的所有鏈接規定默認地址或默認目標(target):

          <head><base /><base target="_blank" /></head>

          HTML <link> 元素

          <link> 標簽定義文檔與外部資源之間的關系。

          <link> 標簽最常用于連接樣式表:

          <head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

          HTML <style> 元素

          <style> 標簽用于為 HTML 文檔定義樣式信息。

          您可以在 style 元素內規定 HTML 元素在瀏覽器中呈現的樣式:

          <head><style type="text/css">body {background-color:yellow}p {color:blue}</style></head>

          HTML <script> 元素

          <script> 標簽用于定義客戶端腳本,比如 JavaScript。

          script 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件。

          必需的 type 屬性規定腳本的 MIME 類型。

          JavaScript 最常用于圖片操作、表單驗證以及內容動態更新。

          HTML 實體

          在 HTML 中,某些字符是預留的。

          在 HTML 中不能使用小于號(<)和大于號(>),這是因為瀏覽器會誤認為它們是標簽。

          如果希望正確地顯示預留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。

          字符實體類似這樣:

          &entity_name;或者&#entity_number;

          如需顯示小于號,我們必須這樣寫:< 或 <

          不間斷空格(non-breaking space)

          HTML 中的常用字符實體是不間斷空格( )。

          瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量,您需要使用 字符實體。


          主站蜘蛛池模板: 色国产在线视频一区| 久久久国产一区二区三区 | 中文字幕精品亚洲无线码一区| 精品国产日产一区二区三区| 一区免费在线观看| 日本一区免费电影| eeuss鲁片一区二区三区| 日韩精品一区二区三区色欲AV| 无码av不卡一区二区三区| 午夜DV内射一区区| 午夜一区二区在线观看| 精品国产一区二区三区在线| 国产高清一区二区三区| 国产福利91精品一区二区三区| 色一乱一伦一图一区二区精品| 中文字幕一区二区三区有限公司| 北岛玲在线一区二区| 美女免费视频一区二区| 国产91精品一区| 波多野结衣中文字幕一区| 国产主播一区二区三区在线观看| 精品人妻无码一区二区三区蜜桃一 | 人成精品视频三区二区一区 | 亚洲AV无码一区二区三区鸳鸯影院| 国产成人精品日本亚洲专一区| 伦理一区二区三区| 国产福利视频一区二区 | 国产免费伦精品一区二区三区| 国产免费私拍一区二区三区| 国产精品成人一区二区三区| 国产在线精品一区二区在线看 | 亚洲av午夜福利精品一区| 精品日产一区二区三区手机| 亚洲AV本道一区二区三区四区| 日本免费一区二区三区| 99精品一区二区三区无码吞精| 精品一区二区ww| 国产精品区AV一区二区| 国产精品毛片VA一区二区三区| 人妻久久久一区二区三区 | 色欲AV蜜桃一区二区三|