如果您不熟悉web设计和前端开发（HTML、CSS、Javascript），那么您可以选择使用所见即所得编辑器。这个首字母缩略词代表“所见即所得”，它基本上是指允许您使用可视化工具创建网页的软件，同时该软件根据您正在创建的内容在后台编写一些代码。最流行的WYSIWYG工具可以说是Adobe的Dreamweaver。

对于那些刚刚起步的人来说，这是一个不错的选择

尽管许多经验丰富、技能更为精良的网络专业人士看不起Dreamweaver及其生成臃肿HTML标记和CSS样式的趋势，但简单的事实是，对于那些刚刚开始网站设计的人来说，该平台仍然是一个不错的选择。当您开始使用Dreamweaver的“设计视图”选项构建网页时，您可能遇到的问题之一是如何为该视图中的内容创建单行分隔符。

将HTML文本添加到网页时，web浏览器会将该文本显示为一条长线，直到它到达浏览器窗口或其容器元素的边缘。此时，文本将换行到下一行。这类似于任何文字处理软件，如Microsoft word或Google Docs。当一行文本在水平线上没有空间时，它将换行以开始另一行。那么，如果你想指定一条线在哪里断，会发生什么呢？

当您在dreamweaver的设计视图中按enter键时

在Dreamweaver的设计视图中按ENTER键时，当前段落将关闭，新段落将开始。从视觉上看，这意味着这两条线之间有一点垂直间隔。这是因为，默认情况下，HTML段落的底部应用了填充或边距（这取决于浏览器本身），从而增加了间距。

这可以通过CSS进行调整，但事实是，您希望在段落之间留有间距，以允许网站可读性。如果希望单行且行之间没有宽的垂直间距，则不希望使用ENTER键，因为不希望这些行成为单独的段落。

当您不希望新段落开始时

当您不希望新段落开始时，可以在HTML中添加标签。这有时也写为。特别适用于要求关闭所有元素的XHTML版本。该语法中的尾随/自关闭元素，因为标记没有自己的关闭标记。这一切都很好，但您正在Dreamweaver的设计视图中工作。您可能不想跳入代码并添加这些中断。这很好，因为您确实可以在Dreamweaver中添加换行符，而无需求助于代码视图。

在dreamweaver的设计视图中添加换行符：

1. 将光标放在新行开始的位置。
2. 按住shift键并按Enter键。

就这样！简单地添加“shift”键和[ENTER]将添加a而不是新段落。既然你知道这是怎么回事，你应该考虑在哪里使用它以及在哪里躲避它。记住，HTML是用来创建网站的结构，而不是视觉外观。在设计中，不应使用多重标记在图元下方创建垂直间距。

这就是填充和边距的CSS属性的用途。当您只需要单线中断时，您将使用atag。例如，如果您正在对邮寄地址进行编码，并且决定使用段落，则可以添加如下标记：

公司名称地址LineCity，State，邮编

这个地址代码是一个单独的段落，但从视觉上看，它将在单独的行上显示三行，并且在它们之间留有一个小的空间。