如果您不熟悉網頁設計和前端開發（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屬性。 如果您只需要單行換行符，那麼您將在哪裡使用
標記。 例如，如果您編碼的是郵寄地址，並且您決定使用段落，則可以添加
標籤，如下所示：
公司名稱
地址線
城市，州，郵編
該地址的代碼是單個段落，但從視覺上來看，它將在各行上顯示三條線，並在它們之間有一個小空間。