Dreamweaver如何格式化html代码

我们在使用Dreamweaver进行网页制作时,通过编辑其设置中的代码格式,可以一键实现代码格式化,从而让代码格式统一,提高代码可读性。

操作方法

  • 01

    用Dreamweaver打开现有html文档时,可能会出现如图所示的没有任何缩进的代码,可读性很差

  • 02

    为了格式化代码,我们可以先设置一下自己想要的代码格式。 依次点击 编辑 -> 首选参数; 英文版则是 Edit -> Preferences

  • 03

    在弹出的对话框中点击“代码格式”

  • 04

    1、缩进:有“空格”和“Tab键”两种选项,这里我设置为2个空格; 2、制表符大小:4; 3、换行符类型:CR LF(Windows); 4、默认标签大小写:小写; 5、默认属性大小写:小写; 余下的选项使用默认设置,点击“确定”保存。

  • 05

    依次点击工具栏 命令 -> 应用源格式; 英文版为Commands -> Apply Source Formatting

  • 06

    ok,html文档已经格式化了,大大提到了代码的可读性

  • 07

    用Dreamweaver查看或编辑jsp等其他格式文件也是同样的操作

(0)

相关推荐

  • Dreamweaver怎么格式化代码,DW代码怎么排版

    很多新手朋友对Dreamweaver软件的格式化功能不是太会用,那么Dreamweaver怎么格式化代码,DW代码怎么排版呢? 操作方法 01 首先我们为了做示范,新建一个html文档,里面的内容可以 ...

  • Dreamweaver如何快速整理代码

    有时候开发者用dreamweaver编写代码,偶尔会发现写的代码参差不齐,那么Dreamweaver如何快速整理代码呢?来看看小编的介绍吧. 操作方法 01 小编为了演示,这里新建一个html文档. ...

  • PHP代码格式化(EditPlus+PHPCB) 支持批量格式化

    DW_CS4居然只会格式化HTML和CSS代码,G来G去也只有PHPCB这一个N久没更新过的经典PHP代码格式工具了,命令行的,用法“phpcb file.php > newfile.php”。 ...

  • eclipse怎样格式化一段代码、Format Element

    有时候我们只需要对代码中的一段,或者一个函数进行格式化,那么如何使用eclipse的Format Element功能进行格式化呢? 操作方法 01 注意:本经验采用的Eclipse版本为 Eclips ...

  • Dreamweaver怎么修改代码字符字体和大小方法

    程序员因为经常坐在电脑面前看代码,难免会劳累,这时候如果将代码的字体大小放大,眼睛就会轻松很多.例如Dreamweaver中,修改代码字符大小的方法如下: 操作方法 01 首先,新建一个html代码文 ...

  • Notepad++插件JSTool:JS代码格式化工具

    Notepad++插件JSTool:JS代码格式化工具 我们在写Js的时候,经常需要格式化Js代码,这个时候就可以试下这款插件:JsToolNpp(以前也叫:JsMin),针对Js文件格式化效果很好, ...

  • Notepad++插件JSTool:JS代码格式化工具是什么?

    我们在写Js的时候,经常需要格式化Js代码,这个时候就可以试下这款插件:JsToolNpp(以前也叫:JsMin),针对Js文件格式化效果很好,强烈推荐. 下载插件 插件 > Plugin Ma ...

  • Notepad++插件JSTool:JS代码格式化工具

    我在做开发的时候经常会用到Noepad++,这个编辑器使用比较方便,启动速度够快,轻便,功能也强大,还有插件也蛮多. 我们在写Js的时候,经常需要格式化Js代码,这个时候就可以试下这款插件:JsToo ...

  • UltraEdit使用技巧之常用快捷键大全

    UltraEdit是一套功能强大的文本编辑器,可以编辑文本、十六进制、ASCII码,可以取代记事本,内建英文单字检查、C++及VB指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。 说 ...