HTML

想要將 HTML 標記語言轉成 JavaScript 來輸出，語法很簡單，難卻難在單、雙引號對字串組成，觀念不清楚或是一時混淆，總也要忙上一段時間，若有這個困擾或是想學習單、雙引號的應用，可以透過 HTML to JavaScript Converter 這個免費的線上服務來取得協助，快速的入門。

臨時需要一個網頁空間，可以展示 HTML 網頁來與客戶、同事溝通，就像需要一個臨時的電子郵件信箱一樣，可以接收或傳送電子郵件時，可以來試試 tiiny.host 這個 HTML 網頁空間免費服務，該應用相當簡單，只需輸入子網域名稱並將壓縮好的 HTML 檔案上傳，立即可得到一個子網域名稱+tiiny.site 的網址，透過該網址就可以與客戶或同事進行協同作業，但須注意的是該網址只能保存 24小時，如果要延長，則須註冊。

對於一些還不太熟析或剛學習網頁 HTML 語法的朋友來說，可以使用這個 HTML 語法產生器來輔助學習，產生的語法可以直接複製後貼到記事本並存檔成.htm格式檔案，接下來再使用瀏覽器開啟便可以看到效果。

網頁要碰到的技術，基礎大概有 HTML、CSS、JavaScript 等程式語法，對初學者而言，最快的上手方式，當然就是多參考別人寫的語法，什麼樣的效果搭配什麼樣的語法，Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言，提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器，透過參數的調整，就能取得該效果的相對應的語法，讓你馬上就能套用到網頁內，這對於還不熟或初學者來說，可說是最佳好幫手。

HTML 這種標記式語言雖不複雜也不難學，但對一個初學者而言，要學的東西還真是不少，其中網頁常見的 Table tag 其製作說容易也容易，但如果太複雜，還是需要一些時間的調整，Tables Generator 這個線上的表格產生器，可產生 LaTeX Tables、HTML Tables、Text Tables、Markdown Tables、MediaWiki Tables 等各類型的表格，全部視覺化的操作，馬上可預覽效果，雖不一定能全部套用，但產生後再去修改所提供的 HTML 與 CSS 框架樣式語法，也絕對比你從頭自己來的快，另外，如果有 CSV 檔案，也可直接匯入成表格。

寫好的 HTML 及 CSS 通常必須存檔，然後由瀏覽器去執行，這一來一回的動作可能要經過無數次，相當浪費時間，HTML.cafe 是個線上 HTML 編輯器，所敲進去的 HTML 及 CSS 語法，會即時反應在呈現欄中，免去存檔後，再到瀏覽器執行的過程，這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

自從 HTML 5、WebGL等網路標準越趨成熟後，Adobe 也計畫將讓 Flash 在 2020年底退場，不再更新及發行 Flash Player，緊接著 Google、Mozilla 及微軟等多家大廠也宣布旗下瀏覽器產品將終止對 Flash 的支援時間表，因此，曾經在網路上紅極一時的遊戲，陸續被下架，如果還想玩，可以來 HTML5 Games 這個網站，該網站將遊戲區分成麻將、紙牌、智力、技巧、經典...等類型，每個類型下都有不少的遊戲像是跳棋、五子棋、俄羅斯方塊...等等可供選擇，完全不需要 Flash Player 的外掛支援就可以玩。

若想對照片做一些簡單的編修時，可以試試這個 Aviary 所免費提供的相片編輯服務，HTML5 Photo Editor 提供了不少線上工具，像是圖檔的基本編輯工具調整尺寸、剪裁、旋轉、翻轉、紅眼、飽和 / 亮度 / 對比調整及文字等等功能，並提供加入相框、Toy Camera 的 LOMO 風格、Old Photo 及 Retro 四種效果可直接套用。相關線上服務，還可以參考：Photoshop Express Editor 讓你直接用線上免費的 Photoshop 。

想要製作不透過圖片又可應用在網頁上的純 CSS 按鈕，對很多人來說可能是件難事，若是有這個需求，可以來試試 i2style 這個樣式豐富的純 CSS 按鈕產生器，簡單好用，支援中文輸入，可自訂按鈕大小、陰影、背景、文字顏色與大小、圓角...等，製作好的按鈕，除了產生 CSS 語法，還將 HTML Code 都附上，讓你方便後續的應用。

相較於以往常見的線上特殊符號表服務，i2Symbol 所提供的特殊符號可是豐富太多了，不但做了符號分類，方便你找想要的特殊符號，連常用的文字表情符號都幫你建立好放進去了，並且提供 HTML Code，而使用方式也相當簡單，就是選好後，複製再貼上即可，同樣的適用在支援 HTML 的文字編輯器，像是 Word、MSN、Facebook、Twitter、Plurk...等。

圖示的表達會比文字描述更乾淨俐落，就像 line 會將一些輸入的詞語轉成圖示來表示一樣，而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕，傳統的做法可以使用圖片，也可以使用 SVG 向量圖檔，然而最簡便的方式還是使用圖示字型。
Google、Font Awesome 均有提供可免費運用到網頁內的圖示字型，而 IcoFont 也是如此的應用，其提供超過 2100個圖示，透過 CSS 的引用，使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示，另外，每個圖示亦提供 SVG 向量圖型下載，讓應用更為全面。

對架設網站，寫 Android、Apple App 的初學者而言，實在很難在各方面做到面面俱到，以架設一個網站而言，除了要懂 HTML、CSS、JavaScript、Database 及一個程式語言像是 ASP.Net 或是 PHP 等，甚至也還要有基本的網路運用概念，然後加上美工，負擔不小，因此，有些工作我們可以交給線上工具來完成，像是各類應用程式要使用的 ICON，而 Iconpie 這個網站，就是一個可以協助使用者快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸的免費工具，用戶僅需要上傳要做成圖示的圖片( png/gif/ jpg )就幫你產生，快速又方便。