源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 685|回复: 11

[Dreamweaver教程] 怎么格式化html代码? Dreamweaver格式化html代码的技巧

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-3-31 09:58:51 | 显示全部楼层 |阅读模式
怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可以参考下

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

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

2016033109594084.jpg

2016033109594084.jpg

2、为了格式化代码,我们可以先设置一下自己想要的代码格式。

依次点击 编辑 -> 首选参数;英文版则是 Edit -> Preferences

2016033109594085.jpg

2016033109594085.jpg

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

2016033109594086.jpg

2016033109594086.jpg

1)缩进:有“空格”和“Tab键”两种选项,这里我设置为2个空格;

2)制表符大小:4;

3)换行符类型:CR LF(Windows);

4)默认标签大小写:小写;

5)默认属性大小写:小写;

余下的选项使用默认设置,点击“确定”保存。

2016033109594087.jpg

2016033109594087.jpg

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

2016033109594088.jpg

2016033109594088.jpg

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

2016033109594089.jpg

2016033109594089.jpg

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

相关推荐:

Dreamweaver代码提示功能怎么开启?

Dreamweaver CS6安装失败提示配置错误代码16该怎么办?

dreamweaver代码怎么排版?dreamweaver代码格式化的方法

回复

使用道具 举报

1

主题

2万

回帖

362

积分

中级会员

Rank: 3Rank: 3

积分
362
发表于 2022-8-17 02:39:00 | 显示全部楼层
大家都不容易!
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-6-25 02:32:38 | 显示全部楼层
谢谢下载来看看
回复 支持 反对

使用道具 举报

13

主题

2万

回帖

85

积分

注册会员

Rank: 2

积分
85
发表于 2024-4-16 19:42:46 | 显示全部楼层
下载来瞧瞧
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-5-31 04:08:09 | 显示全部楼层
论坛有你更精彩!
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-6-2 22:29:41 | 显示全部楼层
hi哦回复iOS就看见
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-9-6 04:07:15 | 显示全部楼层
啦啦啦啦啦啦哈哈哈
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

51

积分

注册会员

Rank: 2

积分
51
发表于 2024-9-17 05:08:23 | 显示全部楼层
挺不错的东西
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-9-18 04:22:18 | 显示全部楼层
还有人在不。。。。。。。。。。啊
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-9-21 10:05:57 | 显示全部楼层
借款金额看了就立刻
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 07:58 , Processed in 0.087771 second(s), 29 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表