📌  相关文章
📜  HTML-基本标签

📅  最后修改于: 2020-12-16 04:41:55             🧑  作者: Mango

标题标签

任何文档均以标题开头。您可以为标题使用不同的大小。 HTML还具有六个级别的标题，它们使用元素

，

，

，

，

和
。在显示任何标题时，浏览器在该标题之前添加一行，在该标题之后添加一行。

例

现场演示
Heading Example
   
    
   
      
This is heading 1

      
This is heading 2

      
This is heading 3

      
This is heading 4

      
This is heading 5

      
This is heading 6

这将产生以下结果-

段落标签

标记提供了一种将文本组织为不同段落的方法。文本的每个段落都应位于开始

和结束标记之间，如下例所示-

例

现场演示
Paragraph Example
   
    
   
      
Here is a first paragraph of text.

      
Here is a second paragraph of text.

      
Here is a third paragraph of text.

这将产生以下结果-

换行标签

每当您使用
元素时，其后的所有内容将从下一行开始。此标签是一个空元素的示例，您无需打开和关闭标签，因为它们之间没有任何内容。


标记在字符br和正斜杠之间有一个空格。如果省略此空间，则较旧的浏览器将无法显示换行符，而如果您错过了正斜杠字符而仅使用
，则在XHTML中无效。

例

现场演示
Line Break  Example
   
    
   
      
Hello

         You delivered your assignment ontime.

         Thanks

         Mahnaz

这将产生以下结果-

居中内容

您可以使用

标记将任何内容置于页面或任何表格单元格的中心。

例

现场演示
Centring Content Example
   
    
   
      
This text is not in the center.

      
      

         
This text is in the center.

这将产生以下结果-

水平线

水平线用于可视地分解文档的各个部分。

标记从文档中的当前位置到右页边距创建一行，并相应地断开该行。

例如，您可能想要在两个段落之间划一条线，如下面的示例所示-

例

现场演示
Horizontal Line Example
   
    
   
      
This is paragraph one and should be on top

      

      
This is paragraph two and should be at bottom

这将产生以下结果-

同样，

标签是empty元素的示例，您无需打开和关闭标签，因为它们之间没有任何插入。

元素在字符hr和正斜杠之间有一个空格。如果省略此空间，则较旧的浏览器将无法呈现水平线，而如果您错过了正斜杠字符而仅使用
 ，则在XHTML中无效

保留格式

有时，您希望您的文本遵循HTML文档中确切的书写格式。在这些情况下，可以使用预格式化的标签

 。


开头
标记和结束标记之间的任何文本都将保留源文档的格式。


例


现场演示




Preserve Formatting Example
   
    
   
      
         function testFunction( strText ){
            alert (strText)
         }
      

   
    






这将产生以下结果-




尝试使用相同的代码而不将其保留在
 … 标记内


不间断空间


假设您想使用短语“ 12个愤怒的男人”。在这里，您不希望浏览器将“ 12，Angry”和“ Men”分为两行-




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





如果您不希望客户端浏览器中断文本，则应使用不间断的空格实体。而不是正常的空间。例如，在一段中编码“ 12 Angry Men”时，您应使用类似于以下代码的内容-


例


现场演示




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

   
    






这将产生以下结果-