轉自：http://www.bimeichun.com/Linux/emacs_html.html

Emacs 默認為我們提供了一個編寫 html 文件的模式 -- html-mode 。這給我們帶來了不小的方便。當然，你也可以嘗試功能更加強大的 html-helper-mode 。

1、開始

當我們打開一個 .html 格式的文件時，emacs 已經自動進入 HTML 模式了，這時你應該可以看到 底部狀態條上顯示 HTML 字樣。 如果沒有自動進入，你也可以使用 M-x html-mode 。 Emacs 為我們提供了一個簡單的 HTML 模板，C-c C-t html ，然後輸入title回車就可以調用這個模板了。M-x html-autoview-mode(C-c C-s)，可以在Emacs保存HTML文檔時打開瀏覽器瀏覽效果。不過我更喜歡在瀏覽器中打開著編寫的網頁，保存後按F5就可以查看效果了。

2、隱藏和顯示HTML標記

有時候，我們編寫html文件時，整個窗口都是高亮顯示的標記，你會不會感覺到眼花呢？想要隱藏這些標記很簡單，html-mode 裏邊只需要 C-c Tab 便可以將這些標記隱藏起來，當要顯示它們時，再次按 C-c Tab 就可以了。不用擔心隱藏的標記會被我們不小心刪除掉，當光標移動到隱藏的標記位置時，Mini-buffer中會顯示出來。

3、快捷鍵

p { margin-bottom: 0.21cm; }

C-c C-f : 光標移動到當前所在位置的下一個HTML 標簽。

C-c C-b : 光標移到到當前所在位置的上一個HTML 標簽。

C-c <left>/<right> : 跳到該標簽的開始/ 結束。

C-c DEL : 刪除標簽。 C-c 1~6 : 插入標題h1~h6 。

C-c Enter : 插入段落標記 <p> 。

C-c / ：閉合b 標簽。比如可以結合上一條使用，就會自動插入</p> 。

C-c C-c h : 插入超級鏈接標記。

C-c C-c n : 插入anchor （錨標），便於在文檔其他位置跳轉到該位置。

需要在Mini-buffer 中輸入錨標名稱。

C-c C-c u : 插入無序列表標記<ul><li></ul> 。

C-c C-c o : 插入有序列表標記<ol><li></ol> 。

C-c C-c p : 插入標記<li> 。

C-c C-c - : 插入水平線 <hr> 。

C-c C-c i : 插入圖像引用標記 <img> 。

C-c C-j : 插入換行符<br> 。

4、特殊字符輸入

有時需要在html文本中顯示html標記，比如<p>，不能直接輸入。可以這樣： C-c C-n < ，然後輸入 p ，然後再 C-c C-n >;。其實 C-c C-n 後輸入的字符都不會被html解析而直接輸出了。

html-mode簡單使用