整合營銷服務商

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

          免費咨詢熱線:

          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基礎教程:框架基礎

          <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          一、學習html學的是什么?

          1.1學標簽

          我要什么內容,就用什么標簽 在去思考使用標簽的什么屬性

          比方說:文字就用文字標簽,HelloWorld 6號字 顏色變成紅色

          <html>   
          
           <head>   
          
          <title></title> 
          
          </head>      
          
          <body>   
          
              <font size="6" color="red" >HelloWorld  </font>    //這個就是文字標簽   屬性尺寸是6,顏色是紅色
          
          </body>       
          
          </html>  

          二、編寫格式

          1、每個網頁頁面都是一個單獨的文件,頁面的后綴是XXXX.html 或者 XXXX.htm

          2、編譯器/解釋器就是瀏覽器,瀏覽器會一行行編譯,不會像C 或者PLC等還需要再次編譯。

          3、用記事本做演示,需要把后綴名改成.html ,如果后綴名被隱藏了,需要在文件菜單-查看-選項-查看-把隱藏已知文件類型的拓展名去掉

          <html>    //html開始
          
          <head>    //頭標簽開始
          
          <title></title>
          
          </head>    //頭標簽結束
          
          <body> //身體標簽開始
          
          HelloWorld   //主體內容
          
          </body>   //身體標簽結束
          
          </html>   //html結束


          三、常用標簽及其屬性:

          3.1 文本修飾

          font 行內標簽 (沒有換行效果)

          size 字體的大小,最大值是7

          color 顏色值

          顏色的第一種表示形式:顏色單詞 red green blue

          顏色的第二種表示形式: 顏色的RGB 如:rgb(0,0,255) 第一個0表示R紅色的份數,第二個表示G綠色的份數 ,第三個0表示B藍色的份數

          顏色的第三種表示形式:十六進制表示,把顏色這個寫成#0000ff ,就是第一個紅綠藍十六進制,

          face 字體族 黑體 楷體 宋體 華文彩云等 但必須是瀏覽器支持的字體

          何使用 <noframes> 標簽

          本例演示:如何使用 <noframes> 標簽。

          <html>
          <frameset cols="25%,25%,25%">
           <frame src="/example/html/frame_a.html">
           <frame src="/example/html/frame_b.html">
           <frame src="/example/html/frame_c.html">
          <noframes>
          <body>您的瀏覽器無法處理框架!</body>
          </noframes>
          </frameset>
          </html>
          

          HTML基礎教程:框架實例大合集

          混合框架結構

          本例演示如何制作含有三份文檔的框架結構,同時將他們混合置于行和列之中。

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

          HTML基礎教程:框架實例大合集

          含有 noresize="noresize" 屬性的框架結構

          本例演示 noresize 屬性。在本例中,框架是不可調整尺寸的。在框架間的邊框上拖動鼠標,你會發現邊框是無法移動的。

          <html>
          <frameset cols="50%,*,25%">
           <frame src="/example/html/frame_a.html" noresize="noresize" />
           <frame src="/example/html/frame_b.html" />
           <frame src="/example/html/frame_c.html" />
          </frameset>
          </html>
          

          HTML基礎教程:框架實例大合集

          導航框架

          本例演示如何制作導航框架。導航框架包含一個將第二個框架作為目標的鏈接列表。名為 "contents.htm" 的文件包含三個鏈接。

          <html>
          <frameset cols="120,*">
           <frame src="/example/html/html_contents.html" >
           <frame src="/example/html/frame_a.html" name="showframe">
          </frameset>
          </html>
          

          HTML基礎教程:框架實例大合集

          HTML基礎教程:框架實例大合集

          HTML基礎教程:框架實例大合集

          內聯框架

          本例演示如何創建內聯框架(HTML 頁中的框架)。

          <html>
          <body>
          <iframe wigth="200" height="100" src="/i/eg_landscape.jpg"></iframe>
          <p>一些老的瀏覽器不支持 iframe。</p>
          <p>如果得不到支持,iframe 是不可見的。</p>
          </body>
          </html>
          

          HTML基礎教程:框架實例大合集

          跳轉至框架內的一個指定的節

          本例演示兩個框架。其中的一個框架設置了指向另一個文件內指定的節的鏈接。這個"link.htm"文件內指定的節使用 <a name="C9"> 進行標識。

          <html>
          <frameset cols="20%,80%">
           <frame src="/example/html/frame_a.html">
           <frame src="/example/html/link.html#C9">
          </frameset>
          </html>
          

          HTML基礎教程:框架實例大合集

          使用框架導航跳轉至指定的節

          本例演示兩個框架。左側的導航框架包含了一個鏈接列表,這些鏈接將第二個框架作為目標。第二個框架顯示被鏈接的文檔。導航框架其中的鏈接指向目標文件中指定的節。

          <html>
          <frameset cols="200,*">
          <frame src="/example/html/content.html">
          <frame src="/example/html/link.html" name="showframe">
          </frameset>
          </html>
          

          HTML基礎教程:框架實例大合集

          HTML基礎教程:框架實例大合集

          希望以上可以解決你們心中的一些疑惑,其中可能會有不對的地方或是需要改進的地方,歡迎留言糾正。感覺還不錯歡迎關注收藏轉載哦


          主站蜘蛛池模板: 国产av成人一区二区三区| 一区二区三区在线播放| 国产在线一区观看| 中文字幕在线一区二区在线| 国产一区中文字幕在线观看 | 国产一区二区免费| 日韩久久精品一区二区三区| 熟妇人妻AV无码一区二区三区| 亚洲男人的天堂一区二区| 无码人妻精品一区二区三区久久久 | 久久一区二区三区99| 在线视频精品一区| 亚洲综合激情五月色一区| 秋霞无码一区二区| 无码精品一区二区三区在线| 农村人乱弄一区二区| 国产精品免费大片一区二区| 日本高清无卡码一区二区久久 | 国产AV天堂无码一区二区三区| 日韩一区二区三区射精| 99精品国产一区二区三区2021| 亚洲一区二区三区不卡在线播放 | 天堂一区二区三区精品| 无码国产精品一区二区免费式影视| 亚洲视频一区网站| 91无码人妻精品一区二区三区L| 亚洲福利一区二区| 天堂一区人妻无码| 精品无码中出一区二区| 免费人妻精品一区二区三区| 亚洲性日韩精品一区二区三区 | 一区二区三区在线| 一区二区视频免费观看| 人妻少妇精品一区二区三区| 精品亚洲一区二区三区在线观看| 亚洲日韩精品一区二区三区无码| 色偷偷av一区二区三区| 亚洲欧美日韩中文字幕一区二区三区 | 亚洲一区二区电影| 国产99久久精品一区二区| 日韩精品一区二区三区中文版 |