标题标签<h1>..<h6>
任何文档都以标题开头，以告知读者您想表达的意思。您可以为标题使用不同的大小，一般我们在网站中使用<h1>标签作为标题，HTML具有六级标题，它们使用元素 <h1>、<h2>、<h3>、<h4>、<h5> 和 <h6>，其中数字越小代表的字体越大，点击下面的测试链接就能看出效果。
标题标签是一个块元素，块元素代表结束标签之后换行显示。因此显示任何标题时，浏览器会在该标题之前添加一行，在该标题之后添加一行。
示例
<!DOCTYPE html>
<html>
<head>
<title>标题例子</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>段落标签<p>
<p> 标记提供了一种结构化方法将您的文本分成不同的段落。每个文本段落都应位于开始 <p> 和结束 </p> 标记之间，如下面的示例所示 -
示例
<!DOCTYPE html>
<html>
<head>
<title>段落标签例子</title>
</head>
<body>
<p>这是文本的第一段.</p>
<p>这是文本的第二段.</p>
<p>这是文本的第三段.</p>
</body>
</html>换行标签<br />
每当您使用 <br /> 元素时，其后面的任何内容都会从下一行开始。此标记是空元素的示例，您不需要开始和结束标记，因为它们之间没有任何内容。
注意：<br /> 标签在字符 br 和正斜杠字符之间有一个空格。如果省略此空格，较旧的浏览器将无法呈现换行符，而如果您去掉了正斜杠字符并仅使用 <br>，则它在 XHTML 中无效。
示例
<!DOCTYPE html>
<html>
<head>
<title>换行标签例子</title>
</head>
<body>
<p>你好<br />
这是使用换行标签的例子.<br />
这里新起了一行<br />
再起一行</p>
</body>
</html>居中标签<center>
您可以使用 <center> 标签将任何内容放置在页面或任何表格单元的中心。
示例
<!DOCTYPE html>
<html>
<head>
<title>居中标签的例子</title>
</head>
<body>
<p>这是没有居中的效果.</p>
<center>
<p>这是使用了居中标签的效果.</p>
</center>
</body>
</html>水平线标签<hr />
水平线标签用于在两个段落间画一条水平线，但我们在实际网页开发中很少用到它，因为我们可以通过css样式来达到相同的效果。
例如，您可能希望在两个段落之间划一条线，如下面给定的示例所示 -
示例
<!DOCTYPE html>
<html>
<head>
<title>水平线标签例子</title>
</head>
<body>
<p>这是第一段，它在上部</p>
<hr />
<p>这是第二段，它在底部</p>
</body>
</html>注意：<hr /> 标签在字符 hr 和正斜杠之间有一个空格。如果省略此空格，较旧的浏览器将无法渲染水平线，而如果您去掉了正斜杠字符并仅使用 <hr>，则它在 XHTML 中无效
保留格式<pre>
有时，您希望文本遵循 HTML 文档中编写的确切格式，它会将HTML标签保留下来而不是格式化呈现。在这些情况下，您可以使用预格式化标记 <pre>。
开始 <pre> 标记和结束 </pre> 标记之间的任何文本都将保留源文档的格式。
示例
<!DOCTYPE html>
<html>
<head>
<title>保留格式示例</title>
</head>
<body>
<pre>
function testFunction( strText ){
alert (strText)
}
</pre>
</body>
</html>尝试使用相同的代码，而不将其保留在 <pre>...</pre> 标签内，比如将上面的<pre>标签换成div标签看看效果如何。
不间断空格
假设您想使用短语"今天 心情很好"。在这里，您不希望浏览器将"今天"和"心情很好"分成两行，可以使用 标签
示例
<!DOCTYPE html>
<html>
<head>
<title>不间断空格标签例子</title>
</head>
<body>
<p>在这里，写一句话说明不间断空格标签的用法 "今天 心情很好"</p>
</body>
</html>