浏览器在显示网页时,完全按照HTML标记来解释HTML代码,忽略多余的空格和换行,在HTML文件里,不管输入多少空格(按空格键)都被视为一个空格;换行(按【enter】键)也是无效的。在HTML中,换行使用<br>标记,换段使用<p>标记。

1 . 段落标记<p>

段落标记是双标记,即<p></p>,在<p>开始标记和</p>结束标记之间的内容形成一个段落,如果省略结束标记,从<p>标记开始,直到遇到一个段落标记之前的文本都在一段段落内。段落标记中的p是英文单词“paragraph”即“段落”的首字母,用来定义网页中的一段文本。文本在一个段落中会自动换行。

下面演示<p>标记的用法。

(1)编写代码如下图所示:

(2)在浏览器中打开文件,预览效果如下所示,<p>标记将文本分成5个段落。

2.换行<br>

换行标记<br>是一个单标记,没有结束标记,是英文单词“break”,的缩写,作用是将文字在一个段内强制换行,一个<br>标记代表一个换行,连续的多个标记可以实现多次换行。使用换行标记是,在需要换行的位置添加<br>标记即可。

下面演示<br>标记的用法。

(1)编写代码如下图所示:

(2)在浏览器中打开文件,预览效果如下所示。虽然在HTML源代码中,主体部分的内容在排版上没有换行,但是增加了<br>标记后,实现了换行效果。

3.标题标记

在HTML文档中,文本的结构除了以行和段出现之外,还可以作为标题存在。通常一篇文档最基本的结构就是由若干不同级别的标题和正文组成的。

HTML文档中包含各种级别的标题,各种级别的标题由<h1>~<h6>元素来定义,<h1>~<h6>标题标记中的字母h是英文headline(标题行)的简称。其实<h1>代表1级标题,级别最高。文字也最大,其他标题元素依次递减,<h6>级别最低。标题标记的用法如下。

(1)编写代码如下图所示:

(2)在浏览器中打开文件,预览效果如下所示:

结合代码分析

相关推荐