html

儘管電腦作業系統從以前的 Dos 指令進展到現在圖形介面的 Windows 作業系統，但還是保留的可執行 Dos 指令的「命令提示字元」，通常會用來執行一些像是 Ping、 Net use、regedit、ipconfig 等等的指令，若是對內建的 「命令提示字元」視窗介面不滿意，或是覺得要使用複製、貼上等功能麻煩的話，可以來試試這套免費又免安裝的 ColorConsole 工具程式，ColorConsole 可提供多分頁、自定色彩、複製貼上、找尋關鍵字與文字樣式的執行視窗，還能將內容匯出成 RTF 或是 HTML 文件，算是相當方便的工具。

文書編輯時，如果可以 HTML 化，不但可以透過 CSS 語法進行美化，對於閱讀者來說，也只要使用內建在作業系統內的瀏覽器便可開啟閱讀，優點不少，ConstEdit 就是一套簡易的 HTML 編輯器，使用起來就像使用 Word 般的方便，編輯的文件，除了可以以 HTML 的格式來存檔，亦可以轉成 PDF 或 TXT 文字檔，相當方便。

網頁內包含 HTML、JavaScript 及主要內容還有就是用來排版的 CSS語法，因此當檢視網頁原始碼的時候這些全部都會出現，而 Content Parser Website 這個網站可將網頁解析、篩選過雜結構並單純提取成 Markdown 標記式語言、Html 語法或是 Text，使用方式很簡單，僅需輸入網址選擇要提取的格式，就可以在線上預覽提取後的各種格式，方便使用者做後續的應用。

CopyPasteCharacte 是個相當方便的線上特殊符號應用服務，只要使用滑鼠在欲使用的符號上進行點擊，就能輕易地複製後，貼到你想要應用的地方，若想一次複製多個特殊符號，也可以在相同的動作另外再加上鍵盤的[Alt]鍵，相當好應用。

countdowncalendar.net 是一個可產生外連語法的倒數計時語法產生器，透過簡單的輸入倒數計時的事件標題、自選事件圖標、倒數計時的模式、事件到期日期與備註資訊等等，便會產生 HTML Code ，取得該 HTML Code 讓我們可嵌入到自己的網頁內。

我們都知道當 IP 要對外存取時，會透過子網路遮罩來判斷目地的的電腦是否在同一個網段，若不是，則會透過路由器來選擇路徑，CountryTraceRoute 是一個路由器路徑追蹤工具，只要輸入網址或 IP，就可以查詢由本機電腦出發所經過路由器的 IP 位址、回應時間等，另外，CountryTraceRoute 還會顯示 IP 所屬的國家，還可以將查詢的結果匯出為 HTML 格式，所得數據可用來診斷網站連線的問題。

將網頁轉換成 PDF 檔案的線上服務不少，像是 HTML to PDF Converter 簡單實用的線上網頁轉 PDF 檔案(支援中文) 或是 Web2PDFConverter Tools 將網頁轉換成 PDF 格式 都有提供。CreatePDF 也是提供線上將網頁轉成 PDF 檔案的網站，只要輸入要轉換的 URL 網址，就可以進行轉換，轉換完成後，可直接下載到本機電腦且也支援中文。

Cascading Style Sheets 簡稱 CSS，這種可應用在網頁(HTML)或 XML 裡的結構式語法，能讓網頁在排版時呈現多樣式的變化、美觀網頁裡的元素(字型、字體、顏色、間距...)使其每個元素可以有自己的呈現方式，可說是網頁的排版師，也是每個網頁設計師必學課題。目前 CSS 的標準也從1.0、2.0 進展到最新的 3.0，提供了更多的樣式及效果，讓網頁可以變得更生動，對於某些要呈現的網頁效果也省去了使用像是 Flash 或是其它美工軟體來製作。CSS 3.0 Maker 就是一個相當好應用的 CSS 3.0 線上 CSS 語法產生器，對於所需要的效果，可利用其產生器進行調整設定，便能產生出針對各家瀏覽器的支援度所需要的 CSS 3.0 代碼。

想要在網頁上對「Button - 按鈕」進行樣式調整，通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀，若要加上當滑鼠移到按鈕的上方或是離開，也會使用 Javascript 來加上，若對繪製這些圖片、Javascript 都不是很熟悉的話，還是要花一些時間來製作，若是偶而用用，建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作，除了可使用 CSS 改變按鈕樣式，也提供滑鼠移到按鈕的上方或是離開時的 Javascript ，製作完成後，直接複製所產生的 Code 便可應用的網頁裡，相當方便。

透過 HTML 的 <a> 標籤來產生連結，多數會使用文字或是使用圖片，但如果想利用 CSS 樣式表做來調整，甚至是產生一個按鈕的樣式，對初學者來說還是有點門檻，尤其是還要兼容不同廠牌的瀏覽器，更增初學難度。

階層樣式表 (Cascading Stylesheets，CSS) ，最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式，讓同一個元素可以有不同的樣貌呈現，不過對於初學者而言，要了解整個 CSS 語法規則並不容易，除了時間之外，如果有輔助的工具可以協助，相信可以更快的跨過門檻，CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器，其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化，用戶可以透過可操作的面板進行屬性值變更，且立刻可看到所產生的變化，完成整個調整，還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法，快速套用到元素上。

網頁加載時，如果可以給予提示，告訴訪客網站確實有按要求正在動作，相信訪客會比較願意等候，因此，在很多的網站中，會看到利用百分比的進度條、loading 的動畫圖示來顯示，直到加載完成，以 loading 的動畫圖示來說，可以使用 GIF 動畫圖檔來製作，不過前提是須要有 GIF loading 圖檔，另外一種則是利用 CSS 來製作，Tobiasahlin 這個旗下的 SpinKit 網站，提供了以 CSS 為主的 loading 動畫圖示，並提供 HTML 與 CSS 的語法讓有需要的用戶快速套用。