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 美女毛片视频,亚洲一二三四区,中文字幕一区二区三区免费看

          整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML基礎(chǔ)教程:框架實例大合集

          何使用 <noframes> 標(biāo)簽

          本例演示:如何使用 <noframes> 標(biāo)簽。

          <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基礎(chǔ)教程:框架實例大合集

          混合框架結(jié)構(gòu)

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

          <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基礎(chǔ)教程:框架實例大合集

          含有 noresize="noresize" 屬性的框架結(jié)構(gòu)

          本例演示 noresize 屬性。在本例中,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動鼠標(biāo),你會發(fā)現(xiàn)邊框是無法移動的。

          <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基礎(chǔ)教程:框架實例大合集

          導(dǎo)航框架

          本例演示如何制作導(dǎo)航框架。導(dǎo)航框架包含一個將第二個框架作為目標(biāo)的鏈接列表。名為 "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基礎(chǔ)教程:框架實例大合集

          HTML基礎(chǔ)教程:框架實例大合集

          HTML基礎(chǔ)教程:框架實例大合集

          內(nèi)聯(lián)框架

          本例演示如何創(chuàng)建內(nèi)聯(lián)框架(HTML 頁中的框架)。

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

          HTML基礎(chǔ)教程:框架實例大合集

          跳轉(zhuǎn)至框架內(nèi)的一個指定的節(jié)

          本例演示兩個框架。其中的一個框架設(shè)置了指向另一個文件內(nèi)指定的節(jié)的鏈接。這個"link.htm"文件內(nèi)指定的節(jié)使用 <a name="C9"> 進行標(biāo)識。

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

          HTML基礎(chǔ)教程:框架實例大合集

          使用框架導(dǎo)航跳轉(zhuǎn)至指定的節(jié)

          本例演示兩個框架。左側(cè)的導(dǎo)航框架包含了一個鏈接列表,這些鏈接將第二個框架作為目標(biāo)。第二個框架顯示被鏈接的文檔。導(dǎo)航框架其中的鏈接指向目標(biāo)文件中指定的節(jié)。

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

          HTML基礎(chǔ)教程:框架實例大合集

          HTML基礎(chǔ)教程:框架實例大合集

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

          過 HTML DOM,您能夠使用節(jié)點關(guān)系在節(jié)點樹中導(dǎo)航。


          HTML DOM 節(jié)點列表

          getElementsByTagName() 方法返回節(jié)點列表。節(jié)點列表是一個節(jié)點數(shù)組。

          下面的代碼選取文檔中的所有 <p> 節(jié)點:

          實例

          varx=document.getElementsByTagName("p");

          可以通過下標(biāo)號訪問這些節(jié)點。如需訪問第二個 <p>,您可以這么寫:

          y=x[1];

          嘗試一下 ?

          注意:

          下標(biāo)號從 0 開始。


          HTML DOM 節(jié)點列表長度

          length 屬性定義節(jié)點列表中節(jié)點的數(shù)量。

          您可以使用 length 屬性來循環(huán)節(jié)點列表:

          實例

          x=document.getElementsByTagName("p");for(i=0;i<x.length;i++){document.write(x[i].innerHTML); document.write("<br>");}

          實例解析:

          • 獲取所有 <p> 元素節(jié)點

          • 輸出每個 <p> 元素的文本節(jié)點的值


          導(dǎo)航節(jié)點關(guān)系

          您能夠使用三個節(jié)點屬性:parentNode、firstChild 以及 lastChild ,在文檔結(jié)構(gòu)中進行導(dǎo)航。

          請看下面的 HTML 片段:

          <html><head><metacharset="utf-8"></head><body><p>Hello World!</p><div><p>DOM 是非常有用的!</p><p>這個實例演示了節(jié)點的關(guān)系。</p></div></body></html>

          • 首個 <p> 元素是 <body> 元素的首個子元素(firstChild)

          • <div> 元素是 <body> 元素的最后一個子元素(lastChild)

          • <body> 元素是首個 <p> 元素和 <div> 元素的父節(jié)點(parentNode)

          firstChild 屬性可用于訪問元素的文本:

          實例

          <pid="intro">Hello World!</p><script>x=document.getElementById("intro");document.write(x.firstChild.nodeValue);</script>

          嘗試一下 ?


          DOM 根節(jié)點

          這里有兩個特殊的屬性,可以訪問全部文檔:

          • document.documentElement - 全部文檔

          • document.body - 文檔的主體

          實例

          <p>Hello World!</p><div><p>DOM 是非常有用的!</p><p>這個實例演示了 <b>document.body</b> 屬性。</p></div><script>alert(document.body.innerHTML);</script>

          嘗試一下 ?


          childNodes 和 nodeValue

          除了 innerHTML 屬性,您也可以使用 childNodes 和 nodeValue 屬性來獲取元素的內(nèi)容。

          下面的代碼獲取 id="intro" 的 <p> 元素的值:

          實例

          <pid="intro">Hello World!</p><script>txt=document.getElementById("intro").childNodes[0].nodeValue;document.write(txt);</script>

          嘗試一下 ?

          在上面的例子中,getElementById 是一個方法,而 childNodes 和 nodeValue 是屬性。

          . 此篇文章講解目錄:

          • 案例和由此案例重點講解的知識點介紹

          • 案例代碼實現(xiàn)

          • 行內(nèi)標(biāo)簽知識點詳解

          2. 案例和相關(guān)知識點介紹

          此案例是頁面,效果如下:

          此頁面的技術(shù)實現(xiàn)解析:

          所有元素在統(tǒng)一行顯示的時候,需要使用到行內(nèi)標(biāo)簽img 和 a來實現(xiàn)

          此案例中主要用到了,基于此,我們會系統(tǒng)的將如下知識點全部講解:

          行內(nèi)標(biāo)簽

          3. 此案例的代碼實現(xiàn)

          第一步:書寫導(dǎo)航條的html代碼

          第二步:定義導(dǎo)航的css樣式

          4. 此案例的知識點詳解

          行內(nèi)元素

          -行內(nèi)元素:

          在html中<a>、<span>、<br>、<i>、<em>、<strong>、<label>等等屬于行內(nèi)元素

          -行內(nèi)元素三大特點:

          1、和其他元素都在一行上;

          2、元素的高度、寬度、行高及頂部和底部邊距不可設(shè)置;

          3、元素的寬度就是它包含的文字或圖片的寬度,不可改變(廢話)。

          案例:

          a{

          background-color: PowderBlue;

          width: 500px;

          height: 300px;

          //元素的高度、寬度、行高及頂部和底部邊距不可設(shè)置

          }

          大家好接下來我們會邀請前端架構(gòu)師以連載的方式,并且結(jié)合阿里天貓商城的門戶,系統(tǒng)講解Css的專業(yè)知識,歡迎大家關(guān)注頭條號“互聯(lián)網(wǎng)IT信息”。


          主站蜘蛛池模板: 国产精品一区二区在线观看| 亚洲精品一区二区三区四区乱码| 果冻传媒董小宛一区二区| 亚洲国产成人精品无码一区二区| 午夜无码一区二区三区在线观看| 91视频一区二区| 亚洲AV无码一区东京热久久 | 亚洲国产一区视频| 国产精品视频一区二区猎奇| 无码少妇精品一区二区免费动态| 精品国产一区二区三区在线观看| 日本韩国一区二区三区| 亚洲AV成人一区二区三区在线看| 精品无码人妻一区二区免费蜜桃| 中文字幕一区精品| 波多野结衣高清一区二区三区 | 无码少妇一区二区性色AV| 国产主播一区二区| 亚洲一区二区三区在线观看精品中文| 日韩视频在线观看一区二区| 天天综合色一区二区三区| 色欲AV蜜桃一区二区三| 亚洲av成人一区二区三区观看在线 | 一区二区三区杨幂在线观看| 国产精品久久久久一区二区| 国产精品亚洲专区一区| 亚洲国产综合精品一区在线播放| 国产精品毛片a∨一区二区三区| 国产美女口爆吞精一区二区| 国产一区二区在线观看app| 国产丝袜无码一区二区三区视频| 中文字幕在线观看一区二区| 国产一区二区三区免费| 精品无码人妻一区二区三区| 亚洲熟女综合一区二区三区| 日本一区免费电影| 三上悠亚日韩精品一区在线| 无码av免费一区二区三区试看 | 国产精品自在拍一区二区不卡| 精品一区二区三区免费视频| 日本一区二区三区在线观看|