如果您不熟悉网页设计和前端开发（HTML，CSS，Javascript），那么您可以选择使用所见即所得编辑器。 这个首字母缩写词代表“你看到的就是你得到的东西”，它基本上是指软件，它允许你使用可视化工具创建一个网页，而软件根据你正在创建的内容在幕后编写一些代码。 可用的最流行的所见即所得工具可以说是Adobe的Dreamweaver 。
对于刚入门的人来说，Dreamweaver是一个不错的选择
虽然许多经验丰富的具有更高级技能的网络专业人员对Dreamweaver以及其产生臃肿的HTML标记和CSS样式的倾向感到失望，但简单的事实是，对于刚刚开始使用网站设计的人来说，该平台仍然是一个不错的选择。 在开始使用Dreamweaver的“设计视图”选项来构建网页时，您可能会遇到的一个问题是如何为该视图中的内容创建单个换行符。
当您将HTML文本添加到网页时，Web浏览器会将该文本显示为一长串，直到它到达浏览器窗口或其容器元素的边缘。 此时，文本将换行到下一行。 这与任何文字处理软件（如Microsoft Word或Google Docs）中发生的情况类似。 当一行文字在水平线上没有更多空间时，它将换行以开始另一行。 那么如果你想指定一条线断裂的话会发生什么呢？
当您在Dreamweaver的设计视图中按[ENTER]键时，当前段落关闭，并开始一个新段落。 从视觉上来说，这将意味着这两条线以一定的垂直间距分开。 这是因为，默认情况下，HTML 段落具有填充或边距 （这取决于浏览器本身）应用于段落底部，从而增加了间距。
这可以通过CSS进行调整，但事实是，您希望在段落之间放置空格以保证网站的可读性 。如果您希望单行和行间没有宽垂直间距，则不需要使用[ENTER]关键是因为你不希望这些行成为单独的段落。
对于这些时候，如果您不希望新的段落开始，您可以在HTML中添加
标记。 这有时也写成
。 特别针对需要关闭所有元素的XHTML版本。 由于
标签没有自己的结束标签，因此尾随/在该语法中会自动关闭该元素。 这一切都很好，但是您在Dreamweaver中的Design View中工作。 您可能不想跳入代码并添加这些中断。 这很好，因为实际上，您可以在Dreamweaver中添加换行符而无需使用代码视图。
在Dreamweaver的设计视图中添加换行符：
- 将光标放在你想要开始新行的位置。
- 按住shift键并按[ENTER]。
而已！ “shift”键和[ENTER]的简单添加将添加一个
而不是新的段落。 所以，现在你知道这是怎么回事，你应该考虑在哪里使用它以及在哪里避免它。 请记住，HTML旨在创建网站的结构，而不是视觉外观。 您不应使用多个
标签在设计中的元素下创建垂直间距。
这就是填充和边距的CSS属性。 如果您只需要单行换行符，那么您将在哪里使用
标记。 例如，如果您编码的是邮寄地址，并且您决定使用段落，则可以添加
标签，如下所示：
公司名称
地址线
城市，州，邮编
该地址的代码是单个段落，但从视觉上来看，它将在各行上显示三条线，并在它们之间有一个小空间。