<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
恭喜發財
紅包拿來
</body>
</html>
以上的範例可能會讓你覺得有二行字在網頁上，可是為什麼全都擠在同一行了呢？原來在HTML標籤外的換行字元是會被當成空格，要做出的效果，要加上<br />。
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
恭喜發財<br />
紅包拿來
</body>
</html>
以上的範例說明如何在網頁中加上的效果。如果恭喜發財<br />紅包拿來寫在同一行也會有同樣的效果。如果不用<br />的話，還可以用p來區分。
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
<p>恭喜發財</p>
<p>紅包拿來</p>
</body>
</html>
以上的範例說明如何用p來區分。
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
恭喜發財 紅包拿來
</body>
</html>
以上的範例中恭喜發財和紅包拿來明明間隔了八個空白，可是為什麼效果只有一個？原來這也是HTML的特色之一。不管多少個空白，它都只當成一個而已，如果你真的要它有空白的效果，請加上 ， 是non-blank space的意思。
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
恭喜發財 紅包拿來
</body>
</html>
換行要用<br />，空白要用 ，也許你會覺得相當麻煩，能不能呢？答案是可以的，把你想要的文句以<pre></pre>夾起來就可以了，請看
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
<pre>
恭 喜 發 財
紅 包 拿 來
</pre>
</body>
</html>
接下來我們來看看本文件用到的，它是用<hr />來產生的。
<html>
<head>
<title>
新年快樂
</title>
</head>
<body>
恭喜發財<hr />紅包拿來
</body>
</html>