語法產生器

網頁要碰到的技術，基礎大概有 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 語法的 <img> Tag 來實現，而 img2css 這個網站，卻可以將圖片全部轉成 CSS 語法，再透過 <div> 的 style 屬性來呈現，完全不需要靠原始圖檔，就能在網頁上完整的呈現該圖片，當然，越是複雜的圖檔，產生的 CSS 語法就越多。

對學習 CSS 來說，不論是初學或是要進階，有可以參考的語法是相當重要的，畢竟各家瀏覽器支援的 CSS 語法不見得相同，CSS Portal 是一個提供網頁常用到的 CSS 的語法產生器，包含 CSS Box Shadow、CSS Button、CSS Gradient、CSS Flip Switch、CSS Menu、CSS3 Menu、CSS RGBA、CSS Ribbon、CSS3 Rounded Corners、CSS Sprite 、CSS Text Rotate、CSS Text Shadow 、CSS Tooltip 、Layout 、Style Input Range 讓你在製作網頁時，可以即時預覽樣式與語法。

初學網頁編輯，除了功能外、美工外，還有排版用到的 CSS，樣樣都不是省心的事情，如果可以靠一些輔助工具來協助，絕對可以事半功倍，Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務，每次的調整都會即時反映到樣板文字上，讓使用者檢視，完成調整後，就可以產生 CSS 排版語法，讓使用者複製到要應用的網頁，相當方便。

製作網頁時，通常會使用到長、寬不等的背景圖，尤其是網頁中每個單元標題內的背景色彩，要產生這種背景時，通常有兩種做法，一是可以使用背景圖片；再來則是使用 CSS 語法，兩種方法各有優缺點。Ultimate CSS Gradient Generator 網站則是以 CSS 語法為主，使用方式相當簡單，可自訂色彩代碼，混入漸層、自訂長、寬後，只要複製其產生的 CSS 語法，便能應用到網頁裡。

若使用無名小站的免費服務想要在網頁裡嵌入音樂播放器來播放音樂時，其限制為只能為 VIP 的會員，換句話說就是要付費，不過現在你可以透過這個 WreMusic 無名音樂語法產生器，讓你不是 VIP 會員照樣能播音樂，完全免費，使用方式很簡單，只要幾個設定便能完成。

相較於國內有提供部落格的免費服務而言，無名小站算是限制比較多的了，不過也由於無名相簿的成功，還是有很多人相當喜歡使用，因此如何在自己所申請的免費部落格內能夠嵌入音樂播放器，不再只侷限於 VIP 會員，若你也想在無名的部落格內加入音樂播放器時，可以來試試 WRESIC 這個免費的網站服務，只要幾個步驟就能輕鬆產出可內嵌在無名的音樂播放器語法。

Gradientos 是個免費線上漸層色彩產生器，可用來快速測試不同漸變在一些常見 UI 元素上的外觀，例如 ICON或背景色等，一進入 Gradientos 網站，就可以看到隨機出現的漸層色彩，點擊任一色彩，就會告訴使用者它的色彩組成，同時產生 CSS語法及圖片，方便使用者後續的應用。