萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html如何格式化呢

html如何格式化呢

大家知道html如何格式化嗎?HTML決定了你的界面要展示什麼樣的內容,而整齊的HTML代碼會讓人感覺賞心悅目,現在就教一下初級程序員如何快速格式化HTML代碼

Dreamweaver如何格式化html代碼

用Dreamweaver打開現有html文檔時,沒有任何縮進的代碼,可讀性很差

為了格式化代碼,我們可以先設置一下自己想要的代碼格式。

依次點擊 編輯 -> 首選參數;

英文版則是 Edit -> Preferences

在彈出的對話框中點擊“代碼格式”

1、縮進:有“空格”和“Tab鍵”兩種選項,這裡我設置為2個空格;

2、制表符大小:4;

3、換行符類型:CR LF(Windows);

4、默認標簽大小寫:小寫;

5、默認屬性大小寫:小寫;

余下的選項使用默認設置,點擊“確定”保存。

依次點擊工具欄 命令 -> 應用源格式;

英文版為Commands -> Apply Source Formatting

ok,html文檔已經格式化了,大大提到了代碼的可讀性

用Dreamweaver查看或編輯jsp等其他格式文件也是同樣的操作

notepad++html語句格式化

第一步:選擇插件tidy2

打開Notepad++軟件,選擇插件菜單——Plugin  Manager——Show Plugin  Manager,在插件列表中找到tidy2。

第二步:安裝

點擊“install”按鈕,進行插件安裝。

第三步:完成安裝重啟軟件

完成第二步的安裝後,notepad++軟件會自動重啟下,然後你就可以在菜單“插件”下多一個“Tidy2”菜單。然後你可以按你的需要對html進行格式化。

相信大家已經了解html如何格式化了吧!感謝大家對我們網站的支持!

相關推薦:

如何給html多行注釋 

想了解更多關於html入門,請點擊精品學習網編程開發欄目!!

copyright © 萬盛學電腦網 all rights reserved