您的位置:寻梦网首页编程乐园HTML园地HTML实用教程
HTML实用教程
作者:佚名 来源:梦之都(www.dreamdu.com)

5.1. HTML分段显示

大家应该发现一个问题,在文本编辑器里编辑的代码无论怎样给文字换行,在浏览器里显示的都是一行.大家可以试试下面两个例子

<body>
    在这里<a href="http://www.dreamdu.com/xhtml/">学习XHTML</a>!
    开始学分段!
    恩?不好用?
</body>

我们可以把上面的代码复制到文本编辑器中,文本编辑器中的代码虽然换行了,但是实际页面并没有换行,这是因为浏览器并不认识记事本里的空格与回车,所以只有加一个标签,让浏览器知道

示例

<body>
    <p>在这里
        <a href="http://www.dreamdu.com/xhtml/">学习XHTML</a>!
    </p>
    <p>开始学分段!</p>
    <p>啊!可以了!</p>
</body>

p标签是paragraph的缩写,是段落的意思.由<p></p>组成的元素可以显示成一个段落.

HTML分段显示示例 -- 可以尝试编辑

猴子提示: 查看事例源代码的方式: 在FireFox浏览器中使用CTRL+U快捷键;在IE浏览器中点击鼠标右键,选择"查看源代码".

猴子提示: 从事例退到教程的方法: 在FireFox浏览器中使用Back Space键或者点击浏览器的"转到上一页"键(就是菜单下面,一个绿色的箭头);在IE浏览器中的方法与FireFox中一样.

延伸阅读

HTML视频教程