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