HTML

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo，其功能除了可增加網站之見的識別度外，當然也可增加瀏覽者對網站的印象，而該 Logo 是在網頁內使用<link> 標籤來加載，早期因瀏覽器對 Favicon Icon 的支援程度不同，大都使用 ICO 及 PNG 圖檔格式，而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致， Favicon Icon 使用 svg 的向量圖檔更有其便利性，SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具，使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案，完成後，可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法，直接在網頁內使用。

想要在網頁上顯示月曆，若無自有網站，可能會受到很多像是不能使用 JavaScript、iframe 等的限制。HTML Month Creator Application 是一套可自選年度月份的月曆產生器，每個月分需自行手動產生，語法為 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...等。