txt轉換成html

WBOY
發布: 2023-05-09 09:53:07
原創
2677 人瀏覽過

在現今萬維網氾濫的時代,HTML已成為不可或缺的技能。然而,在web誕生的早期,文字編輯器是最常用的工具。那個時代沒有wysiwyg編輯器,是txt文字檔案的時代。

今天,讓我們回到那個時代,了解如何將txt文字檔案轉換成HTML文件,以便我們更好地在網頁上展示和呈現。

第一步是選擇一個文字編輯器。這可以是任何一款文字編輯器,例如Windows自備的記事本(Notepad),或是更強大的文字編輯器,例如Notepad ,Sublime Text或Visual Studio Code。對於這篇文章,我們將使用Notepad 。

開啟Notepad ,然後按一下「新建」按鈕,或按快速鍵「Ctrl N」。現在,你將有一個乾淨的txt文字文件,可以開始將其轉換為HTML。

第二步是在檔案中加入HTML標記。文字檔案不能被瀏覽器識別,它只包含純文字。在此過程中,將向txt檔案新增HTML標記,從而告訴瀏覽器如何呈現文字。

HTML標記以”<」開頭,以「>」結束,中間包含標記的指令。以下是幾個範例標籤:

•– HTML檔案的開始標記
•– 包含文件的元資料
– 指定文件標題
•– 包含頁面實際內容

– 標題1

– 標題2

– 段落
– 超連結
– 圖片

我們可以在新編輯器中新增這些標記。以下是一個使用這些標記的範例:

  我的第一个HTML文件<title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <h1>欢迎来到我的网页</h1> <p>这是我的第一个HTML文件。</p> <p>学习HTML非常有趣!</p> </body> </html></pre>
         <div class="contentsignin">
          登入後複製
         </div>
        </div><p>在這個例子中,我們在文件的開頭添加標記,然後添加文件的標題,以及在標記中加入頁面的實際內容。我們還添加了兩個段落</p><p>元素,包含文字訊息。</p><p>第三步是儲存檔案並更改檔案格式。為了儲存文件,您可以透過點擊「文件」選單開啟「另存為」選項來儲存文件。在檔案名稱後綴中,將“.txt”變更為“.html”以將檔案儲存為HTML格式。</p><p>完成轉換之後,你現在擁有一個HTML文件,瀏覽器可以辨識它,並將其呈現為一個網頁。你所加入的HTML標籤將告訴瀏覽器如何展示你的文字。</p><p>總的來說,將txt文字檔案轉換為HTML檔案是一項很簡單的工作,需要一個文字編輯器和HTML標記的基礎知識。如果你想成為web開發人員或打算製作自己的網頁,這是一個非常有用且必須的技能。</p><p>以上是txt轉換成html的詳細內容。更多資訊請關注PHP中文網其他相關文章!</p></h2>
      </div>
     </div>
     <div style="height: 25px;">
      <div style="display: inline-flex;float: right; color:#333333;">
       來源:php.cn
      </div>
     </div>
     <div class="wzconOtherwz">
      <a href="//m.sbmmt.com/zh-tw/faq/533941.html" title=""><span>上一篇:html 點擊頁面跳轉</span></a>
      <a href="//m.sbmmt.com/zh-tw/faq/533945.html" title=""><span>下一篇:單引號 html 轉義</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/1796606474.html">Mpeppe (MPEPE):ETH生態系的後起之秀</a>
        </div>
        <div>
         2024-09-13 06:48:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606472.html">以太坊 (ETH) 鯨魚不斷增持,現在湧向 Mpeppe (MPEPE) 預售 在不斷累積以太坊 (ETH) 的過程中,一些鯨魚現在透過進入 Mpe 來實現資產多元化</a>
        </div>
        <div>
         2024-09-13 06:44:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606470.html">福斯第一財經:消費者研究小組就名為 Tether 的加密貨幣「穩定幣」向大眾發出警報</a>
        </div>
        <div>
         2024-09-13 06:41:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606469.html">Solana (SOL) 舉步維艱,Pepe Coin (PEPE) 可能飆升,BlockDAG (BDAG) 成為最佳長期加密貨幣</a>
        </div>
        <div>
         2024-09-13 06:40:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606468.html">NOTAI Coin即將上線KuCoin,為全球用戶提供交易機會</a>
        </div>
        <div>
         2024-09-13 06:39:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606466.html">Coinbase 上線 DOGS 和 POL Perp 期貨</a>
        </div>
        <div>
         2024-09-13 06:37:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606459.html">賈斯汀孫 (Justin Sun) 對 Coinbase cbBTC 透明度表示擔憂</a>
        </div>
        <div>
         2024-09-13 06:35:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606454.html">Sundog 是 Tron 上的一種 meme 代幣,在一條鯨魚搶走了價值 200 萬美元的代幣後,其價格急劇上漲</a>
        </div>
        <div>
         2024-09-13 06:34:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606452.html">Uniswap 執行長否認收受賄賂以允許在其平台上部署</a>
        </div>
        <div>
         2024-09-13 06:33:12
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796606437.html">Shiba Inu 投資者看跌 Meme 代幣,但反彈可能迫在眉睫:Santiment</a>
        </div>
        <div>
         2024-09-13 06:30:12
        </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/176411.html" target="_blank" title="function_exists()無法判定自訂函數" class="wdcdcTitle">function_exists()無法判定自訂函數</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/176411.html" class="wdcdcCons">function test() { return true; } if (function_exists('TEST')) { ech...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2024-04-29 11:01: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>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>1169
           </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/176410.html" target="_blank" title="google 瀏覽器 手機版顯示的怎麼實現" class="wdcdcTitle">google 瀏覽器 手機版顯示的怎麼實現</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/176410.html" class="wdcdcCons">老師您好,google 瀏覽器怎麼變成手機版樣式的?</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2024-04-23 00:22:19</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>9
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>1234
           </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/176407.html" target="_blank" title="子窗口操作父窗口,輸出沒反應" class="wdcdcTitle">子窗口操作父窗口,輸出沒反應</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/176407.html" class="wdcdcCons">前兩句可執行,最後一句沒辦法應</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2024-04-19 15:37:47</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>1093
           </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/176406.html" target="_blank" title="父視窗沒有輸出" class="wdcdcTitle">父視窗沒有輸出</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('我是子視窗的輸出'); ...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2024-04-18 23:52:34</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>1001
           </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/176405.html" target="_blank" title="關於CSS心智圖的課件在哪?" class="wdcdcTitle">關於CSS心智圖的課件在哪?</a>
         <a href="//m.sbmmt.com/zh-tw/wenda/176405.html" class="wdcdcCons">課件</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">來自於 2024-04-16 10:10:18</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>0
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>1058
           </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/googleapi"><img src="https://img.php.cn/upload/subject/202407/22/2024072214371675475.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="谷歌地圖api"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/googleapi" class="title-a-spanl" title=""><span>谷歌地圖api</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/pycharmdyd"><img src="https://img.php.cn/upload/subject/202407/22/2024072212075410985.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="pycharm的優點"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/pycharmdyd" class="title-a-spanl" title=""><span>pycharm的優點</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/numberformat"><img src="https://img.php.cn/upload/subject/202407/22/2024072213411749199.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="number_format用法"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/numberformat" class="title-a-spanl" title=""><span>number_format用法</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/javahjblsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214360554299.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="java環境變數設定"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/javahjblsz" class="title-a-spanl" title=""><span>java環境變數設定</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/oyjysgfwz"><img src="https://img.php.cn/upload/subject/202407/22/2024072212275943873.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="歐億交易所官方網站"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/oyjysgfwz" class="title-a-spanl" title=""><span>歐億交易所官方網站</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlzmscsy"><img src="https://img.php.cn/upload/subject/202407/22/2024072213494140705.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="mysql怎麼刪除索引"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlzmscsy" class="title-a-spanl" title=""><span>mysql怎麼刪除索引</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/sjjmcccjdjm"><img src="https://img.php.cn/upload/subject/202407/22/2024072213351586334.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="資料加密儲存常見的加密方式"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/sjjmcccjdjm" class="title-a-spanl" title=""><span>資料加密儲存常見的加密方式</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/oyokexmmbtbhf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212192273598.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="歐易okex買賣比特幣合法嗎"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/oyokexmmbtbhf" class="title-a-spanl" title=""><span>歐易okex買賣比特幣合法嗎</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="go語言怎麼將string轉int型" href="//m.sbmmt.com/zh-tw/faq/472227.html">go語言怎麼將string轉int型</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="golang是免費的嗎" href="//m.sbmmt.com/zh-tw/faq/499832.html">golang是免費的嗎</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="gin是什麼意思?" href="//m.sbmmt.com/zh-tw/faq/419289.html">gin是什麼意思?</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="golang如何刪除數組中的元素" href="//m.sbmmt.com/zh-tw/faq/439579.html">golang如何刪除數組中的元素</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="golang怎麼判斷map是否為空" href="//m.sbmmt.com/zh-tw/faq/441372.html">golang怎麼判斷map是否為空</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/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>
           1398534
           <b class="kclbcollectb"></b>
          </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/74.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入門教程之一週學會PHP"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="php入門教程之一週學會PHP" href="//m.sbmmt.com/zh-tw/course/74.html">php入門教程之一週學會PHP</a>
         <div class="wzrthreerb">
          <div>
           4213064
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="74">
           <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>
           2380256
           <b class="kclbcollectb"></b>
          </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>
           495201
           <b class="kclbcollectb"></b>
          </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/2.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基礎入門教學"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="PHP 零基礎入門教學" href="//m.sbmmt.com/zh-tw/course/2.html">PHP 零基礎入門教學</a>
         <div class="wzrthreerb">
          <div>
           829461
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="2">
           <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>
           1398534次學習
          </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>
           2380256次學習
          </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>
           495201次學習
          </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>
           213781次學習
          </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>
           849128次學習
          </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>
           3762次學習
          </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>
           2895次學習
          </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>
           2401次學習
          </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>
           504次學習
          </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>
           13112次學習
          </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>