明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

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

發(fā)表時間：2024-05-12 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]關(guān)于HTML，基本上作為程序員我們都會用到，本篇內(nèi)容我們主要是針對剛?cè)腴T的學(xué)員們，介紹兩種在HTML中插入空格的方法。方法1、插入單個空格和制表符1、插入一個非間斷空格。一般來說，無論你按多少次空格鍵，HTML也只會在單詞之間顯示一個空白間隔。當(dāng)你需要插入多個空格時，請輸入 或 代碼。 它們名為“...
關(guān)于HTML，基本上作為程序員我們都會用到，本篇內(nèi)容我們主要是針對剛?cè)腴T的學(xué)員們，介紹兩種在HTML中插入空格的方法。

方法1、插入單個空格和制表符

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

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

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

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

  — “em空格”大概是四個普通空格的寬度

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

如果段落的內(nèi)容是富文本，請使用“pre”標簽。

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

在HTML文檔的<head></head>部分，插入以下命令：

<style>p.indent{ padding-left: 1.8em }</style>

“p.indent”定義了一個叫“indent”（可以隨意命名）的段落（標簽為p）。剩下的命令則是給段落左側(cè)添加內(nèi)邊距空格。

返回HTML文檔的主體。每當(dāng)你想添加段落時，在標簽中插入以下內(nèi)容：

<p class="indent"></p> 。

要調(diào)整縮進的數(shù)量，只需要更改CSS命令中的數(shù)字“1.8”即可。后面的“em”要保留，它是表示寬度的單位。

方法2、給長段落排版

1、使用預(yù)格式化的文本�！皃re”元素可以定義預(yù)格式化的文本，會保留文本里的空格或換行符。因此，在<pre></pre>標簽里輸入的空格或回車鍵，會以空格或換行符的形式顯示出來。你可以用它來顯示代碼示例、詩歌或其它需要空格和換行的文本內(nèi)容。

預(yù)格式化文本的一大缺陷在于它的寬度。它無法像普通超文本標記語言那樣，去調(diào)整頁面寬度，適應(yīng)用戶的窗口大小。

2、創(chuàng)建換行符。<br>標簽位于當(dāng)前文本行的最后，可插入一個簡單的換行符。你可以輸入多個“br”標簽來創(chuàng)建多行空白行。這是HTML新手學(xué)生寫代碼的一個好方法，但是當(dāng)你學(xué)習(xí)CSS時，會發(fā)現(xiàn)這種強制性的HTML樣式代碼是不被提倡的。、

3、用“p”標簽定義段落。p 元素會自動在其前后創(chuàng)建一些空白，因此，文本后的<p></p>標簽可以結(jié)束段落。大多數(shù)瀏覽器都通過一個空白行來隔離段落，但這不能保證精確的排版格式。

如果你在最后審查文本和代碼時，看到一些額外的符號“浮”在代碼上，你需要仔細查看是不是有不完整的代碼，比如將“<br>”寫成了“<br”。

CSS（層疊樣式表） 能夠?qū)W(wǎng)頁中元素位置的排版（包括文本中的間隔）進行像素級精確控制，可以更好、更精確地編輯網(wǎng)頁對象和模型樣式。

不要在起始標簽后或結(jié)束標簽前輸入空格。例如，輸入“Spaces <a>Tutorial</a>”時，不要寫成“Spaces<a> Tutorial </a>”。

非間隔字符( ) 是字符實體的一個范例。你無法從鍵盤上打出此類網(wǎng)頁字符，但能用對應(yīng)的代碼來插入字符。

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

相關(guān)推薦：

html空格代碼

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

html頁面中如何實現(xiàn)保留空格以及換行符的實例分析

以上就是在HTML中插入空格的幾種方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。