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：认识标题的输出效果。

执行结果

注 从这个实例起，为了节省版面空间，输出结果中将裁切掉窗口标题和功能区。