HTML 基本标签

标题标签

任何文档都以一个标题开头。您可以对您的标题使用不同的字体大小。HTML还有六个级别的标题，使用了元素 <h1>, <h2>, <h3>, <h4>, <h5>, 和 <h6> 。在显示任何标题时，浏览器在该标题之前添加一行，并在该标题之后添加一行。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>

   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>

</html>

这将产生以下结果 –

HTML 基本标签

段落标记

< p> 标签提供了一种将文本分成不同段落的方法。每个段落的文本应该放在一个打开的<p>和一个关闭的</p>标签之间，如下面的示例所示 –

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Paragraph Example</title>
   </head>

   <body>
      <p>Here is a first paragraph of text.</p>
      <p>Here is a second paragraph of text.</p>
      <p>Here is a third paragraph of text.</p>
   </body>

</html>

这将产生以下结果−

HTML 基本标签

换行标签

每当使用 < br />元素时，后面的内容会从下一行开始。这个标签是一个 空元素 的例子，您不需要开启和闭合标签，因为它们之间没有什么可以放置的内容。

<br />标签中 br 字符和斜线之间有一个空格。如果您省略这个空格，旧的浏览器将无法正确显示换行符，而如果您省略斜线字符并只使用<br>，这在XHTML中是不合法的。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Line Break  Example</title>
   </head>

   <body>
      <p>Hello<br />
         You delivered your assignment ontime.<br />
         Thanks<br />
         Mahnaz</p>
   </body>

</html>

这将产生如下结果−

HTML 基本标签

居中内容

您可以使用 < center>标签将任何内容放在页面或任何表格单元格的中心。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Centring Content Example</title>
   </head>

   <body>
      <p>This text is not in the center.</p>

      <center>
         <p>This text is in the center.</p>
      </center>
   </body>

</html>

这将会产生以下结果 −

HTML 基本标签

水平线

水平线用于在文档中视觉上分隔各个部分。标签 < hr>会在文档中的当前位置和右边界之间创建一条线，并相应地断开线条。

例如，您可能希望在两个段落之间给出一条线，如下例所示 −

示例

<!DOCTYPE html>
<html>`

   <head>
      <title>Horizontal Line Example</title>
   </head>

   <body>
      <p>This is paragraph one and should be on top</p>
      <hr />
      <p>This is paragraph two and should be at bottom</p>
   </body>

</html>

这将产生以下结果 –

HTML 基本标签

再次 <hr/>标签是一个 空元素 的例子，不需要开闭标签，因为它们之间没有任何内容。

<hr/>元素的字符 hr 和斜线之间有一个空格。如果省略了这个空格，旧版浏览器将无法正确渲染水平线，而如果省略了斜线字符，只使用 <hr>在XHTML中是无效的。

pre格式

有时，您希望文本的格式与HTML文档中的写法完全相同。在这些情况下，您可以使用预格式标签 <pre>。

在开启 <pre>标签和闭合 </pre>标签之间的任何文本都会保留源文档的格式。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Preserve Formatting Example</title>
   </head>

   <body>
      <pre>
         function testFunction( strText ){
            alert (strText)
         }
      </pre>
   </body>

</html>

这将产生以下结果 –

HTML 基本标签

不间断空格

假设你想使用短语“12 Angry Men”。在这里，你不希望浏览器将“12，Angry”和“Men”分开放在两行上 –

An example of this technique appears in the movie "12 Angry Men."

在某些情况下，如果您不希望客户端浏览器断开文本，您应该使用一个非换行空格实体而不是普通空格。例如，在编写一个段落中的”12 Angry Men”时，您应该使用类似下面的代码−

示例

<!DOCTYPE html>
<html>

   <head>
      <title>Nonbreaking Spaces Example</title>
   </head>

   <body>
      <p>An example of this technique appears in the movie "12 Angry Men."</p>
   </body>

</html>

这将产生以下结果−

HTML 基本标签