📜  如何在HTML中添加空间

📅  最后修改于: 2020-11-04 01:08:37             🧑  作者: Mango

如何在HTML中添加空间

在HTML中,我们可以使用以下不同方式轻松地在文档中添加空格:

  • 使用HTML
  • 使用内部CSS

使用HTML

如果我们想使用Html标记在文档中添加空格以显示文本之前和之后的空格,则必须遵循以下步骤。使用这些步骤,我们可以轻松地添加空间:

步骤1:首先,我们必须在任何文本编辑器中键入HTML代码,或者在要添加空格的文本编辑器中打开现有的HTML文件。


   
    
   
Add the space using Html tags


 
This page helps you to understand how to add the space in Html document.
And, this section helps you to understand how to add the space using the Html tags.


步骤2:现在,将光标放置在我们要添加空格的位置。然后,我们必须按键盘上的空格键。基本上,网页在两个单词之间仅显示一个空格。按下空格键没关系。

第3步:如果我们想在网页上的文字之前或之后显示多个空格,则必须提供以下标记:

     This tag is used for displaying only one space between the text. 

步骤4:如果我们要插入/添加更长的空格,那么我们还使用以下标记在网页上的文本之间显示两个或四个空格:

        This tag is used for displaying two spaces.

        This tag is used for displaying four spaces.

第5步:我们还可以添加

标签,该标签在网页上显示的文字与在Html文档中输入的文字相同。

   Any text or paragraph 

第6步:成功在文档中添加空格后,我们必须保存HTML文件并运行该文件。


   
    
   
Add the space using Html tags


 
This page helps you to understand   
how to add the    space in    
 Html document.
 
And, this   section   helps  you to           understand how to add the space using the        Html tags.

下面的屏幕快照显示了以上HTML代码的输出:

使用内部CSS

如果要使用“内部级联”样式表在文档中添加空格以显示文本前后的空间,则必须遵循以下步骤。使用这些步骤,我们可以轻松添加空间。

步骤1:首先,我们必须在任何文本编辑器中键入Html代码,或者在文本编辑器中打开要使用Internal CSS来添加空间的现有HTML文件。


   
    
   
Add the space using the Internal Cascading StyleSheet


 
This page helps you to understand how to add the space in Html document.
And, this section helps you to understand how to add the space using the Internal Cascading Stylesheet.


第2步:现在,我们必须将光标放在Html文档的head标签中,然后在

步骤3:现在,我们必须在

Html的标签。最后,我们必须保存HTML文件,然后运行该文件。


   
    
   
Add the space using the Internal Cascading StyleSheet



 

This page helps you to understand how to add the space in Html document.

And, this section helps you to understand how to         add the  
space using the Internal Cascading Stylesheet.

下面的屏幕快照显示了上述HTML代码的输出: