3-1 瀏覽器處理數據的輸出

瀏覽器讀取HTML文件時，只能判讀元素和文字，不會判別其中的回車和空格字符，所以輸出的段落數據若包含回車和空格字符時，這些字符將被忽略。

程序實例ch3_1.html：輸出一首詩。

執行結果

不過，在輸出時可以看到李白的“白”字與“月”之間有一個英文字符的空間，這個空間類似于英文單詞間的空格，同樣情況可以在每段第1個字（“花”“獨”“舉”和“對”）的左邊看到。另外，瀏覽器在處理數據輸出時，會因所開啟的瀏覽器窗口寬度，自行處理段落數據的編排事宜。

程序實例ch3_2.html：觀察在不同瀏覽器窗口寬度下，段落數據的輸出情況。

執行結果

下圖是ch3_2.html在不同瀏覽器窗口寬度下的輸出結果。

3-2 標題輸出<hn>元素

<hn>元素用于HTML文件的標題輸出，輸出時標題會在下一行顯示，具有換行輸出的效果，接著若有數據也會自動換行輸出。n的值是1~6，代表有6種標題，<h1>是字號最大的標題，<h6>是字號最小的標題。設計HTML5文件更強調的是文件的語意，所以在設計網頁時請慎重選擇標題的大小，另外，不要將這個功能用在段落文字內，來處理段落中某字符串的字號。

程序實例ch3_3.html：認識標題的輸出效果。

執行結果

注 從這個實例起，為了節省版面空間，輸出結果中將裁切掉窗口標題和功能區。