整合營銷服務商

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

          免費咨詢熱線:

          HTML基礎教程:框架基礎

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

          使用框架的壞處:

          • 開發人員必須同時跟蹤更多的HTML文檔
          • 很難打印整張頁面

          框架結構標簽(<frameset>)

          • 框架結構標簽(<frameset>)定義如何將窗口分割為框架
          • 每個 frameset 定義了一系列行
          • rows/columns 的值規定了每行或每列占據屏幕的面積

          框架標簽(Frame)

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

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

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

          HTML基礎教程:框架基礎

          過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。

          iframe語法:

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

          該URL指向不同的網頁。

          Iframe - 設置高度與寬度

          height 和 width 屬性用來定義iframe標簽的高度與寬度。

          屬性默認以像素為單位, 但是你可以指定其按比例顯示 (如:"80%").

          實例

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

          Iframe - 移除邊框

          frameborder 屬性用于定義iframe表示是否顯示邊框。

          設置屬性值為 "0" 移除iframe的邊框:

          實例

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

          使用iframe來顯示目錄鏈接頁面

          iframe可以顯示一個目標鏈接的頁面

          目標鏈接的屬性必須使用iframe的屬性,如下實例:

          實例

          <iframesrc="demo_iframe.htm"name="iframe_a"></iframe><p><a>RUNOOB.COM</a></p>

          HTML iframe 標簽

          標簽說明
          <iframe>定義一個內聯的iframe

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          聯網的迅速發展,軟件行業成了更多年輕人的就業選擇。HTML5簡單易學門檻低,是Web時代前端開發超好用的工具。而HTML5開發人員的就業薪資也遠遠高于其他行業。

          資料顯示,初級HTML5開發人員的平均薪資在8K-10K左右,擁有一定工作經驗的人薪資普遍達到15K-20K。如此廣闊的前景當然吸引了無數專業或非專業人士的加入。HTML5用途范圍廣,下面小編就來給大家分享常見的HTML5框架。

          HTML5基礎入門之常見的HTML5框架有哪些?

          1、Siimpler

          Siimpler 是個簡單的 HTML 開發框架,他可以通過選擇你自己喜歡的部分,來幫助你迅速又簡單地創建 HTML5 開發結構。網絡設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項目。

          2、Ionic

          Ionic 是個神奇的框架和強大前端開源系統,使用先進的Web技術,比如CSS、HTML 和 JS 來創建令人驚嘆的手機應用。

          3、Foundation

          Foundation 是世界上精妙的前端響應框架,同時,它可以兼容所有的瀏覽器和網絡設備。Foundation 擁有移動友好型的用戶接口,設置了許多關鍵特性。

          4、Enyo

          Enyo是一個開源的 Jaa 框架,該框架能夠讓你創建頂級的 HTML5 應用程序,該應用程序能夠運行在各種各樣的電子設備上,比如說手機、臺式機、筆記本、電視以及Web應用。

          5、LimeJS

          針對于所有的新的桌面瀏覽器和觸屏設備,LimeJS 對于有用戶經驗的游戲開發者而言是教好的和較強大的開發框架。

          6、Bootstrap

          Bootstrap能讓所有開發者都能迅速上手、所有設備都可以適配、所有項目都適用。此外,bootstrap的官網也有很多教程提供。

          7、juery UI

          juery UI 主要分為交互、微件和效果庫3個部分,主打代碼開源,操作繼承了juery 的簡單特性,兼容各主流桌面瀏覽器。

          前端HTML5是當下很多企業都會用到的軟件開發,HTML5是移動互聯網前端的主流開發語言,目前還沒有任何一種前端開發技術能夠取代HTML5。因此,無論是PC端還是APP端的應用,前端樣式都離不開HTML5.

          從手機與電腦上網的使用率來看,從事HTML5或者Web相關的開發工作,就業前景還是比較可觀的。而且,現在的網站開發都往移動設備上轉移,所以HTML5或者Web前端是眾望所歸。

          關注我的頭條號,分享更多的技術學習文章,我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。

          這7個框架,你都會用嗎?


          上一篇:JavaScript客戶端時間線
          下一篇:HTML 屬性
          主站蜘蛛池模板: 亚洲国产精品一区二区第一页| 色偷偷久久一区二区三区| 亚洲一区二区三区免费在线观看 | 日韩在线一区二区三区免费视频| 无码少妇丰满熟妇一区二区| 国产精品一区二区久久精品涩爱| 国内偷窥一区二区三区视频| 国产亚洲情侣一区二区无| 国产在线精品一区二区| 精品人体无码一区二区三区| 国产一区二区电影| 国产精品亚洲一区二区在线观看| 最新中文字幕一区二区乱码| 日韩精品电影一区亚洲| 久久精品无码一区二区三区| 精品无码av一区二区三区| 相泽南亚洲一区二区在线播放| 激情啪啪精品一区二区| 亚洲熟女综合色一区二区三区 | 区三区激情福利综合中文字幕在线一区亚洲视频1 | 麻豆AV一区二区三区久久| 中文字幕无码不卡一区二区三区 | 无码人妻精品一区二| 高清一区二区三区日本久| 国产一区二区草草影院| 色狠狠一区二区三区香蕉蜜桃| 久久毛片一区二区| 国产乱码精品一区二区三区中文| 亚洲狠狠狠一区二区三区| 国产精品一区12p| 日韩在线视频不卡一区二区三区 | 久久精品无码一区二区三区日韩| 日本一区二区在线不卡| 亚洲电影唐人社一区二区| 性无码免费一区二区三区在线| 偷拍精品视频一区二区三区| 后入内射国产一区二区| 性色av闺蜜一区二区三区| 男人的天堂av亚洲一区2区| 中文字幕视频一区| 国产对白精品刺激一区二区|