在HTML中插入空格的幾種方法

關於HTML，基本上身為程式設計師我們都會用到，本篇內容我們主要是針對剛入門的學員們，介紹兩種在HTML中插入空格的方法。

方法1、插入單一空格和製表符

1、插入一個非間斷空格。一般來說，無論你按多少次空白鍵，HTML也只會在單字之間顯示一個空白間隔。當你需要插入多個空格時，請輸入 或 代碼。 它們名為“空格佔位符”，你輸入幾個，就能在頁面中顯示幾個空格。

之所以稱為非間斷空格，是因為這樣不會產生換行符。如果你濫用這種空格，瀏覽器可能無法以整齊易讀的方式插入換行符號。

2、插入不同寬度的空格。有多種字元實體可以讓瀏覽器顯示空格。不同的瀏覽器在顯示方式上可能會有一點不同，但是和 不同，它們不會影響換行：

  — “en空格”是根據字體排印學的計量單位命名，寬度是兩個普通空格的寬度

  — 「em空格」大概是四個普通空格的寬度

3、使用非間斷空格模擬製表符。產生段落的一種方式就是在第一行前插入幾個空格：    。這個方法只適用於HTML，如果你使用CSS的話，不推薦這個方法（在其它步驟中會介紹別的方法）。

如果段落的內容是富文本，請使用「pre」標籤。

4、使用CSS產生段落。 CSS的內邊距或外邊距為瀏覽器指明了具體的顯示格式，所以顯示效果的一致性較高。即使你不是很了解CSS，手邊也沒有說明表，也可以很容易地添加。以下將具體說明如何將整個段落移到右邊：

在HTML文件的部分，插入以下指令：

「p.indent」定義了一個叫「indent」（可以隨意命名）的段落（標籤為p）。剩下的指令則是為段落左側新增內邊距空格。

傳回HTML文件的主體。每當你想要新增段落時，在標籤中插入以下內容：

。

要調整縮排的數量，只需要更改CSS指令中的數字「1.8」即可。後面的“em”要保留，它是表示寬度的單位。

方法2、給長段落排版

1、使用預先格式化的文字。 「pre」元素可以定義預先格式化的文本，會保留文字裡的空格或換行符。因此，在

標籤裡輸入的空格或回車鍵，會以空格或換行符的形式顯示出來。你可以用它來顯示程式碼範例、詩歌或其它需要空格和換行的文字內容。

預先格式化文字的一大缺陷在於它的寬度。它無法像普通超文本標記語言那樣，去調整頁面寬度，適應使用者的視窗大小。

2、建立換行符號。
標籤位於目前文字行的最後，可插入簡單的換行符號。你可以輸入多個“br”標籤來建立多行空白行。這是HTML新學生寫程式碼的一個好方法，但是當你學習CSS時，會發現這種強制性的HTML樣式程式碼是不被提倡的。 、

3、用「p」標籤定義段落。 p 元素會自動在其前後創建一些空白，因此，文字後的

標籤可以結束段落。大多數瀏覽器都透過一個空白行來隔離段落，但這不能保證精確的排版格式。

如果你在最後審查文字和程式碼時，看到一些額外的符號「浮」在程式碼上，你需要仔細查看是不是有不完整的程式碼，例如將「
」寫成了“

CSS（層疊樣式表） 能夠對網頁中元素位置的排版（包含文字中的間隔）進行像素級精確控制，可以更好、更精確地編輯網頁物件和模型樣式。

不要在起始標籤後或結束標籤前輸入空格。例如，輸入「Spaces Tutorial」時，不要寫成「Spaces Tutorial 」。

非間隔字元( ) 是字元實體的一個範例。你無法從鍵盤上打出此類網頁字符，但可以用對應的代碼來插入字符。

關於HTML其實我們所掌握的東西難度不多但是基本上都能用的到，這些小知識希望能幫你打好基礎。

相關推薦：

html空格代碼

#html空格的多種形式_html/css_WEB-ITnose

html頁面中如何實作保留空格以及換行符的實例分析

以上是在HTML中插入空格的幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！