PHP和XML:如何建立和解析HTML文檔

WBOY
發布: 2023-08-08 10:50:02
原創
1337 人瀏覽過

PHP和XML:如何建立和解析HTML文檔

PHP和XML:如何建立和解析HTML文件

#引言:
在現代的Web開發中,HTML是建立網頁和展示內容的標準語言。 PHP是一種功能強大的伺服器端腳本語言,常用於動態產生和處理HTML文件。而XML則是一種用於儲存和傳輸資料的格式。本文將介紹如何使用PHP建立和解析HTML文檔,以及如何使用XML來輔助處理HTML。

一、建立HTML文件:
在PHP中,我們可以使用字串拼接的方式來動態產生HTML文件。以下是一個簡單的範例,示範如何建立一個包含基本標籤的HTML文件:

   My Page<title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head> <body> <h1>Welcome to My Page</h1> <p>This is a paragraph.</p> </body> </html>'; // 输出HTML文档 echo $html; ?></pre>
        <div class="contentsignin">
         登入後複製
        </div>
       </div>
       <p>在上述程式碼中,我們使用了字串拼接的方式來建立一個完整的HTML文件。首先,我們建立了<code>$html</code>變量,並賦值為包含HTML標籤的字串。然後,我們透過<code>echo</code>語句將該字串輸出到瀏覽器中。這樣,就實作了一個簡單的HTML頁面的動態產生。</p>
       <p>二、解析HTML文檔:<br>除了可以使用PHP來建立HTML文檔,我們也可以使用第三方函式庫如<code>simple_html_dom</code>來解析HTML文檔。以下是一個簡單的範例,示範如何使用<code>simple_html_dom</code>來解析HTML文件並提取相關資料:</p>
       <div class="code" style="position:relative; padding:0px; margin:0px;">
        <pre class="brush:php;toolbar:false;"><?php // 引入simple_html_dom库 require 'simple_html_dom.php'; // 从URL获取HTML文档 $html = file_get_html('https://www.example.com'); // 查找所有的链接 $links = $html->find('a'); foreach ($links as $link) { echo $link->href . '<br>'; } // 查找所有的图片 $images = $html->find('img'); foreach ($images as $image) { echo $image->src . '<br>'; } // 释放资源 $html->clear(); ?></pre>
        <div class="contentsignin">
         登入後複製
        </div>
       </div>
       <p>在上述程式碼中,首先我們透過<code>require</code>語句引入了<code>simple_html_dom</code>庫。然後,使用<code>file_get_html</code>函數從指定URL取得HTML文件。接下來,我們使用<code>$html->find</code>方法並傳入一個選擇器,來尋找頁面中的所有連結和圖片。最後,透過<code>foreach</code>循環遍歷查找結果,並輸出對應的連結和圖片位址。</p>
       <p>三、XML輔助處理HTML文件:<br>除了使用PHP原生的HTML處理能力,我們也可以藉助XML來輔助處理HTML文件。透過將HTML文件轉換為XML格式,我們可以更方便地對其進行解析和處理。以下是範例,示範如何將HTML文件轉換為XML,並使用DOM方式解析和處理HTML:</p>
       <div class="code" style="position:relative; padding:0px; margin:0px;">
        <pre class="brush:php;toolbar:false;"><?php // 获取HTML文档 $html = file_get_contents('https://www.example.com'); // 创建DOM对象 $dom = new DomDocument(); // 设置DOM解析参数 $dom->preserveWhiteSpace = false; $dom->formatOutput = true; // 加载HTML文档 $dom->loadHTML($html); // 获取所有的链接 $links = $dom->getElementsByTagName('a'); foreach ($links as $link) { $href = $link->getAttribute('href'); echo $href . '<br>'; } // 获取所有的图片 $images = $dom->getElementsByTagName('img'); foreach ($images as $image) { $src = $image->getAttribute('src'); echo $src . '<br>'; } ?></pre>
        <div class="contentsignin">
         登入後複製
        </div>
       </div>
       <p>在上述程式碼中,首先我們使用<code>file_get_contents</code>函數來取得HTML文件的內容。然後,我們使用<code>DomDocument</code>類別建立了一個DOM對象,並設定了解析參數。接下來,我們透過<code>$dom->loadHTML</code>方法載入HTML文件。再透過<code>$dom->getElementsByTagName</code>方法找出所有的連結和圖片元素。最後,透過<code>getAttribute</code>方法取得連結的<code>href</code>屬性和圖片的<code>src</code>屬性,並進行對應的處理。</p>
       <p>結論:<br>透過PHP和XML的組合應用,我們可以靈活地建立、解析和處理HTML文件。無論是動態產生HTML頁面還是提取HTML中的數據,都可以藉助這些強大的工具來完成。希望本文能幫助讀者更能理解並應用PHP和XML在HTML文件處理中的作用。</p>
       <p>以上是PHP和XML:如何建立和解析HTML文檔的詳細內容。更多資訊請關注PHP中文網其他相關文章!</p>
      </div>
     </div>
     <div style="height: 25px;">
      <div class="wzconBq" style="display: inline-flex;">
       <span>相關標籤:</span>
       <div class="wzcbqd">
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=php" target="_blank">php</a>
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=xml" target="_blank">xml</a>
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=html" target="_blank">html</a>
       </div>
      </div>
      <div style="display: inline-flex;float: right; color:#333333;">
       來源:php.cn
      </div>
     </div>
     <div class="wzconOtherwz">
      <a href="//m.sbmmt.com/zh-tw/faq/589577.html" title=""><span>上一篇:PHP爬蟲類開發中的最佳實務與經驗分享</span></a>
      <a href="//m.sbmmt.com/zh-tw/faq/589589.html" title=""><span>下一篇:使用PHP實作基於OAuth2的第三方授權鑑權</span></a>
     </div>
     <div class="wzconShengming">
      <div class="bzsmdiv">
       本網站聲明
      </div>
      <div>
       本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
      </div>
     </div>
     <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       作者最新文章
      </div>
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572077.html">Hash Tables : Collisions, Resizing, Hashing</a>
        </div>
        <div>
         2024-08-17 08:50:02
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572076.html">Google 試算表:持續時間(小時)的 SUMIFS,第 2 部分</a>
        </div>
        <div>
         2024-08-17 08:42:31
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572071.html">如何隱藏你的 Linux 的命令列歷史</a>
        </div>
        <div>
         2024-08-17 07:34:37
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572070.html">消息稱 24 核心英特爾酷睿 Ultra 9 QS 處理器頻率達 5.7 GHz,比 ES2 版本高 1.0 GHz</a>
        </div>
        <div>
         2024-08-17 07:34:32
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572068.html">太空驚悚電影《異形:奪命艦》上映首日評分出爐:爛番茄 82%,IMDB 7.5</a>
        </div>
        <div>
         2024-08-17 07:31:35
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572065.html">榮耀</a>
        </div>
        <div>
         2024-08-17 07:06:02
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572061.html">努比亞</a>
        </div>
        <div>
         2024-08-17 07:05:01
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572059.html">華為教育優惠時間2024</a>
        </div>
        <div>
         2024-08-17 07:04:31
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572058.html">火山引擎發布豆包大模型文旅解決方案</a>
        </div>
        <div>
         2024-08-17 07:02:01
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796572057.html">BenQ 推出全新 GV50 雷射手提式吸頂投影機</a>
        </div>
        <div>
         2024-08-17 06:59:32
        </div></li>
      </ul>
     </div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       最新問題
      </div>
      <div class="wdsyContent">
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/zh-tw/wenda/173504.html" target="_blank" title="在 PHP 中利用 VueJS 元件" class="wdcdcTitle">在 PHP 中利用 VueJS 元件</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/173504.html" class="wdcdcCons">我想混合由Php和VueJS元件產生的基本HTML,而不必一直使用VueJS到最低的dom葉子。父佈局應用了Vue應用程序,所有標頭、導航、旁注等都是Vue元件,大多數頁面上的主要...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2023-11-11 00:01:44</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>288
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/zh-tw/wenda/173503.html" target="_blank" title="如何在 next js 13 中使用開放圖元標記?" class="wdcdcTitle">如何在 next js 13 中使用開放圖元標記?</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/173503.html" class="wdcdcCons">在最近的NextJS13更新中,他們引入了一種處理元標記的新方法,該方法與傳統方法不同,即創建NextHead並編寫常用的html元標記。在新方法中,我們建立一個類似元資料物件的方...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2023-11-10 23:03:51</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>527
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/zh-tw/wenda/173495.html" target="_blank" title="PHP郵件傳送器無法正常運作:沒有錯誤日誌,訊息顯示已傳送,但未收到" class="wdcdcTitle">PHP郵件傳送器無法正常運作:沒有錯誤日誌,訊息顯示已傳送,但未收到</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/173495.html" class="wdcdcCons">我的網站伺服器的php錯誤日誌中沒有收到任何錯誤日誌。我嘗試過多個不同的SMTP伺服器(我知道的其他電子郵件提供者也可以使用)。這是我的HTML表單:<formaction=...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2023-11-10 15:02:39</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>218
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/zh-tw/wenda/173494.html" target="_blank" title="只選擇月份和年份的v-date-picker" class="wdcdcTitle">只選擇月份和年份的v-date-picker</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/173494.html" class="wdcdcCons">請告訴我是否有其他方法可以使用v-date-picker來執行此操作。我只希望用戶能夠選擇年份和月份,然後日期選擇器選單應該關閉。這是我的html作為範例,但我不介意使用不同的程式...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2023-11-10 14:05:05</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>269
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/zh-tw/wenda/173490.html" target="_blank" title="重寫後的標題為:SweetAlert2: "onBeforeOpen" 參數未知" class="wdcdcTitle">重寫後的標題為:SweetAlert2: "onBeforeOpen" 參數未知</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/173490.html" class="wdcdcCons">我正在使用Laravel5.8和Sweetalertv2,我嘗試用它在Blade上觸發此警報:Swal.fire({title:'<h4style="color:#...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2023-11-10 09:39:01</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>257
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
      </div>
     </div>
     <div class="wzconZt">
      <div class="wzczt-title">
       <div>
        相關專題
       </div>
       <a href="//m.sbmmt.com/zh-tw/faq/zt" target="_blank">更多></a>
      </div>
      <div class="wzcttlist">
       <ul>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html版權符號"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlbq" class="title-a-spanl" title=""><span>html版權符號</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html線上編輯器"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlzxbjq" class="title-a-spanl" title=""><span>html線上編輯器</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html網頁製作"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlwyzz" class="title-a-spanl" title=""><span>html網頁製作</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html空格"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlkg" class="title-a-spanl" title=""><span>html空格</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html是什麼"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlssm" class="title-a-spanl" title=""><span>html是什麼</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html字體大小怎麼設定"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlztdxzmsz" class="title-a-spanl" title=""><span>html字體大小怎麼設定</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html轉txt"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlztxt" class="title-a-spanl" title=""><span>html轉txt</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/phpwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120868901.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="php檔案怎麼打開"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/phpwjzmdk" class="title-a-spanl" title=""><span>php檔案怎麼打開</span></a></li>
       </ul>
      </div>
     </div>
    </div>
   </div>
   <div class="phpwzright">
    <div class="wzrOne">
     <div class="wzroTitle">
      熱門推薦
     </div>
     <div class="wzroList">
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="Mac電腦設定hosts的方法(圖文步驟)" href="//m.sbmmt.com/zh-tw/faq/448310.html">Mac電腦設定hosts的方法(圖文步驟)</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="PHP快速建立一個簡單的QQ機器人" href="//m.sbmmt.com/zh-tw/faq/448391.html">PHP快速建立一個簡單的QQ機器人</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="API常用簽章驗證方法(PHP實作)" href="//m.sbmmt.com/zh-tw/faq/448286.html">API常用簽章驗證方法(PHP實作)</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="PHP常用日期時間操作集" href="//m.sbmmt.com/zh-tw/faq/448309.html">PHP常用日期時間操作集</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="PHP產生圖形驗證碼(加強幹擾型)" href="//m.sbmmt.com/zh-tw/faq/448308.html">PHP產生圖形驗證碼(加強幹擾型)</a>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrThree">
     <div class="wzrthree-title">
      <div>
       熱門教學
      </div>
      <a target="_blank" href="//m.sbmmt.com/zh-tw/course.html">更多></a>
     </div>
     <div class="wzrthreelist swiper2">
      <div class="wzrthreeTab  swiper-wrapper">
       <div class="check tabdiv swiper-slide" data-id="one">
        相關教學
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="two">
        熱門推薦
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="three">
        最新課程
        <div></div>
       </div>
      </div>
      <ul class="one">
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1046.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be2ca23de09779.png" alt="ThinkPHP6.0直播課"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="ThinkPHP6.0直播課" href="//m.sbmmt.com/zh-tw/course/1046.html">ThinkPHP6.0直播課</a>
         <div class="wzrthreerb">
          <div>
           12173
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="1046">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1054.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62568d988f440738.png" alt="HTML5 極速入門"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="HTML5 極速入門" href="//m.sbmmt.com/zh-tw/course/1054.html">HTML5 極速入門</a>
         <div class="wzrthreerb">
          <div>
           51438
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="1054">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1140.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6241ae4d423e2834.png" alt="HTML常用元素與表單常用控制項"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="HTML常用元素與表單常用控制項" href="//m.sbmmt.com/zh-tw/course/1140.html">HTML常用元素與表單常用控制項</a>
         <div class="wzrthreerb">
          <div>
           18719
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="1140">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1147.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6250203a9746a798.jpg" alt="小白拯救者: PHP7基礎語法快速預覽"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="小白拯救者: PHP7基礎語法快速預覽" href="//m.sbmmt.com/zh-tw/course/1147.html">小白拯救者: PHP7基礎語法快速預覽</a>
         <div class="wzrthreerb">
          <div>
           102996
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="1147">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1149.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/625d3295df0f8642.jpg" alt="Mac PHP開發工具與環境搭建"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Mac PHP開發工具與環境搭建" href="//m.sbmmt.com/zh-tw/course/1149.html">Mac PHP開發工具與環境搭建</a>
         <div class="wzrthreerb">
          <div>
           15734
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="1149">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="two" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="//m.sbmmt.com/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a>
         <div class="wzrthreerb">
          <div>
           1394833次學習
          </div>
          <div class="courseICollection" data-id="812">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="JAVA 初級入門影片教學" href="//m.sbmmt.com/zh-tw/course/286.html">JAVA 初級入門影片教學</a>
         <div class="wzrthreerb">
          <div>
           2349315次學習
          </div>
          <div class="courseICollection" data-id="286">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="//m.sbmmt.com/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a>
         <div class="wzrthreerb">
          <div>
           493215次學習
          </div>
          <div class="courseICollection" data-id="504">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端開發極速入門"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Web前端開發極速入門" href="//m.sbmmt.com/zh-tw/course/901.html">Web前端開發極速入門</a>
         <div class="wzrthreerb">
          <div>
           213411次學習
          </div>
          <div class="courseICollection" data-id="901">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基礎精通 PS 影片教學"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="零基礎精通 PS 影片教學" href="//m.sbmmt.com/zh-tw/course/234.html">零基礎精通 PS 影片教學</a>
         <div class="wzrthreerb">
          <div>
           842676次學習
          </div>
          <div class="courseICollection" data-id="234">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="three" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入門"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="【web前端】Node.js快速入門" href="//m.sbmmt.com/zh-tw/course/1648.html">【web前端】Node.js快速入門</a>
         <div class="wzrthreerb">
          <div>
           3127次學習
          </div>
          <div class="courseICollection" data-id="1648">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="國外Web開發全端課程全集"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="國外Web開發全端課程全集" href="//m.sbmmt.com/zh-tw/course/1647.html">國外Web開發全端課程全集</a>
         <div class="wzrthreerb">
          <div>
           2506次學習
          </div>
          <div class="courseICollection" data-id="1647">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go語言實戰之 GraphQL"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Go語言實戰之 GraphQL" href="//m.sbmmt.com/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a>
         <div class="wzrthreerb">
          <div>
           1977次學習
          </div>
          <div class="courseICollection" data-id="1646">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉絲大佬手把手從零學JavaScript"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="550W粉絲大佬手把手從零學JavaScript" href="//m.sbmmt.com/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a>
         <div class="wzrthreerb">
          <div>
           465次學習
          </div>
          <div class="courseICollection" data-id="1645">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/zh-tw/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh,零基礎小白6小時完全入門"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="python大神Mosh,零基礎小白6小時完全入門" href="//m.sbmmt.com/zh-tw/course/1644.html">python大神Mosh,零基礎小白6小時完全入門</a>
         <div class="wzrthreerb">
          <div>
           10801次學習
          </div>
          <div class="courseICollection" data-id="1644">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrFour">
     <div class="wzrfour-title">
      <div>
       最新下載
      </div>
      <a href="//m.sbmmt.com/zh-tw/xiazai">更多></a>
     </div>
     <div class="wzrfourList swiper3">
      <div class="wzrfourlTab swiper-wrapper">
       <div class="check swiper-slide" data-id="onef">
        網站特效
        <div></div>
       </div>
       <div class="swiper-slide" data-id="twof">
        網站源碼
        <div></div>
       </div>
       <div class="swiper-slide" data-id="threef">
        網站素材
        <div></div>
       </div>
       <div class="swiper-slide" data-id="fourf">
        前端模板
        <div></div>
       </div>
      </div>
      <ul class="onef">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[表單按鈕] jQuery企業留言表單聯絡程式碼" href="//m.sbmmt.com/zh-tw/xiazai/js/8071">[表單按鈕] jQuery企業留言表單聯絡程式碼</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[播放器特效] HTML5 MP3音樂盒播放特效" href="//m.sbmmt.com/zh-tw/xiazai/js/8070">[播放器特效] HTML5 MP3音樂盒播放特效</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[選單導航] HTML5酷炫粒子動畫導覽選單特效" href="//m.sbmmt.com/zh-tw/xiazai/js/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[表單按鈕] jQuery可視化表單拖曳編輯程式碼" href="//m.sbmmt.com/zh-tw/xiazai/js/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[播放器特效] VUE.JS仿酷狗音樂播放器代碼" href="//m.sbmmt.com/zh-tw/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[html5特效] 經典html5推箱子小遊戲" href="//m.sbmmt.com/zh-tw/xiazai/js/8066">[html5特效] 經典html5推箱子小遊戲</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[圖片特效] jQuery滾動添加或減少圖片特效" href="//m.sbmmt.com/zh-tw/xiazai/js/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[相簿特效] CSS3個人相簿封面懸停放大特效" href="//m.sbmmt.com/zh-tw/xiazai/js/8064">[相簿特效] CSS3個人相簿封面懸停放大特效</a>
        </div></li>
      </ul>
      <ul class="twof" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8328" title="[前端模板] 家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8327" title="[前端模板] 清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8326" title="[前端模板] 設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8325" title="[前端模板] 現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8324" title="[前端模板] 教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8323" title="[前端模板] 網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8322" title="[前端模板] IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8321" title="[前端模板] 紫色風格外匯交易服務網站模板" target="_blank">[前端模板] 紫色風格外匯交易服務網站模板</a>
        </div></li>
      </ul>
      <ul class="threef" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3078" target="_blank" title="[PNG素材] 可愛的夏天元素向量素材(EPS+PNG)">[PNG素材] 可愛的夏天元素向量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3077" target="_blank" title="[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)">[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3076" target="_blank" title="[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)">[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3075" target="_blank" title="[PNG素材] 金色的畢業帽向量素材(EPS+PNG)">[PNG素材] 金色的畢業帽向量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3074" target="_blank" title="[PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)">[PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3073" target="_blank" title="[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)">[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3072" target="_blank" title="[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)">[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/sucai/3071" target="_blank" title="[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)">[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)</a>
        </div></li>
      </ul>
      <ul class="fourf" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8328" target="_blank" title="[前端模板] 家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8327" target="_blank" title="[前端模板] 清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8326" target="_blank" title="[前端模板] 設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8325" target="_blank" title="[前端模板] 現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8324" target="_blank" title="[前端模板] 教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8323" target="_blank" title="[前端模板] 網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8322" target="_blank" title="[前端模板] IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/zh-tw/xiazai/code/8321" target="_blank" title="[前端模板] 紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</a>
        </div></li>
      </ul>
     </div>
    </div>
   </div>
  </div>
  <div class="phpFoot">
   <div class="phpFootIn">
    <div class="phpFootCont">
     <div class="phpFootLeft">
      <dl>
       <dt>
        <a href="//m.sbmmt.com/zh-tw/about/us.html" rel="nofollow" target="_blank" title="關於我們" class="cBlack">關於我們</a>
        <a href="//m.sbmmt.com/zh-tw/about/disclaimer.html" rel="nofollow" target="_blank" title="免責聲明" class="cBlack">免責聲明</a>
        <a href="//m.sbmmt.com/zh-tw/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
        <div class="clear"></div>
       </dt>
       <dd class="cont1">
        PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!
       </dd>
      </dl>
     </div>
    </div>
   </div>
  </div>
  <input type="hidden" id="verifycode" value="/captcha.html">
  <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all">
 </body>
</html>