App下載
話題 首頁 > HTML5 教程 > HTML5 教程話題列表 > 詳情

在HTML代碼中要如何插入空格?

精華
銀魂≡ω≡ 2016-11-03 10:50:57 瀏覽(43553) 回復(fù)(20) 贊(0)
[超文本標(biāo)記語言(HTML)](http://hgci.cn/html)會自動忽略空格。平常在編寫代碼的時候,用空格鍵、Tab鍵以及回車鍵產(chǎn)生的空格,都會被[HTML](http://hgci.cn/htmltags)自動忽略。那么我們該用什么方法來實(shí)現(xiàn)HTML的空格效果呢?有專門的空格代碼嗎? ![](http://hgci.cn:/attachments/day_161103/201611031050434071.png)
html html5

回答(20)

HTML將這樣的鍵視為空白字符, 是會被自動忽略的。 當(dāng)你需要在文本、單詞、字母、標(biāo)點(diǎn)或其他地方輸入空格時,你需要輸入相應(yīng)的代碼來表示空格。 下面介紹幾種HTML中添加空格的方法:

一、添加單個空格


  • 當(dāng)你需要插入單個空格時,在目的位置處輸入代碼  —— 代表不換行空格。 當(dāng)你想要在字符或單詞之間插入少量空格時,在特定位置使用`` 代碼能插入一個或兩個空格。這樣既能保持文本體裁格式上的統(tǒng)一性,又能提升文本的美學(xué)效果。
  • 如果你希望別人在閱讀某段文本時,在指定位置處停頓幾秒鐘,那么你可以在該處插入空格。例如,在“學(xué)技術(shù),從W3Cschool.cn開始!”的例句中,你可以在“學(xué)技術(shù)”后插入間隔,就變?yōu)榱恕皩W(xué)技術(shù), 從W3Cschool.cn開始!”

二、 使用HTML(超文本標(biāo)記語言)添加段落間距


如果你希望接下來輸入的文本形成一個段落,那么在段落前插入<p>

在每個段落的起始位置插入<p>。

在段落內(nèi)句與句之間插入</p>來分割句子。

例如:

<p>學(xué)技術(shù), 從W3Cschool.cn開始!</p>
<p>一個專業(yè)的編程入門教程網(wǎng)站!</p>

三、 使用HTML語言添加制表符


使用四個或五個連續(xù)的空格,添加制表符。代碼是這樣的:

    

在HTML中,沒有專用的表示制表符的代碼。如果你需要使用制表符,你可以考慮選擇CSS代碼。

使用HTML添加換行符


當(dāng)你想要換行時,插入<br>代碼。

當(dāng)你使用該方法插入雙倍行距時,你需要插入兩個換行符:“<br><br>“。

其中一個是為了換行,一個是為了跳過該行。

五、 使用HTML顯示文本內(nèi)容


在進(jìn)行編輯的文本前,或者需要排版的文本內(nèi)容之前,插入<pre>。

如果要以書面形式或未排版形式顯示文本,那么就意味著其中不會出現(xiàn)空白字符。在這種情況下,HTML中的每個空格鍵和回車鍵會和其在文字處理程序中顯示的一樣。

排版結(jié)束時,輸入 </pre>。

當(dāng)你要展示詩歌或代碼時,你可以考慮參考這個方法。

例如:

{{
<head>
<style>
 body {
                background-image: url(http://img.w3cschool.cn/attachments/knowledge/201610/14632.png);            
                background-size: 100%;
                background-origin: content;
                background-repeat: no-repeat;
             }




  </style>
</head>
<body>


<body background="http://img.w3cschool.cn/attachments/knowledge/201610/14632.png"> 
<p><br></p>
<p> </p>
<p> </p>
<p> </p>
<p style="font-size:10pt;"> </p>


<center> <a href="http://hgci.cn"><font size="6">W3Cschool 首頁</font></a>
<a href="http://hgci.cn/tutorial"><font size="6">編程教程入門</font></a>
<a href="http://hgci.cn/manual"><font size="6">參考手冊</font></a>
<a href="http://hgci.cn/examples"><font size="6">編程實(shí)例</font></a></center>
</body>
}}

小提示:


如果在你檢查最后的文本時,看到一些額外的符號“浮”在代碼上,你需要仔細(xì)查看是不是有不完全的代碼,比如“<br>”寫成了“<br”。

  • 注意,預(yù)格式的文本和普通的文本的字體和寬度不同。
  • 當(dāng)給段落排版時,你需要注意段落之間的空格數(shù)量??崭駭?shù)量取決于你的CSS代碼。
  • 如果個別的空格和頁面的格式密切相關(guān),你最好使用CSS代碼處理它。
  • 代碼編輯器或純文本文件中編寫HTML語言。在文字編輯處理軟件中編寫代碼,可能導(dǎo)致錯誤,這是因?yàn)檫@樣的程序會在文本內(nèi)容上附加額外的信息,這些信息無法被網(wǎng)頁瀏覽器識別。

另外也可以到W3Cschool.cn首頁 查看《HTML教程》,里面有關(guān)于HTML空格知識集合(http://hgci.cn/html/html-space.html)。

傳奇人生 2016-11-11

使用&n bsp;( 中間沒空格 ),注意后面有分號。一個 &n bsp;代表一個空格

雨曇 2016-11-11

在需要加空格的地方輸入 $nbsp; 如果空2格就輸入2次。

smart_dream 2017-08-22

HTML提供了5種空格實(shí)體(space entity),它們擁有不同的寬度,非斷行空格( )是常規(guī)空格的寬度,可運(yùn)行于所有主流瀏覽器。其他幾種空格(    ‌‍)在不同瀏覽器中寬度各異。

  它叫不換行空格,全稱No-Break Space,它是最常見和我們使用最多的空格,大多數(shù)的人可能只接觸了 ,它是按下space鍵產(chǎn)生的空格。在HTML中,如果你用空格鍵產(chǎn)生此空格,空格是不會累加的(只算1個)。要使用html實(shí)體表示才可累加, 該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

  它叫“半角空格”,全稱是En Space,en是字體排印學(xué)的計量單位,為em寬度的一半。根據(jù)定義,它等同于字體度的一半(如16px字體中就是8px)。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性:透明的,此空格有個相當(dāng)穩(wěn)健的特性, 就是其占據(jù)的寬度正好是1/2個中文寬度,而且基本上不受字體影響。

它叫“全角空格”,全稱是Em Space,em是字體排印學(xué)的計量單位,相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如,1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性:透明的,此空格也有個相當(dāng)穩(wěn)健的特性, 就是其占據(jù)的寬度正好是1個中文寬度,而且基本上不受字體影響。

它叫窄空格,全稱是Thin Space。我們不妨稱之為“瘦弱空格”,就是該空格長得比較瘦弱,身體單薄,占據(jù)的寬度比較小。它是em之六分之一寬。

它叫零寬不連字,全稱是Zero Width Non Joiner,簡稱“ZWNJ”,是一個不打印字符,放在電子文本的兩個字符之間,抑制本來會發(fā)生的連字,而是以這兩個字符原本的字形來繪制。Unicode中的零寬不連字字符映射為“”(zero width non-joiner,U+200C),HTML字符值引用為:

它叫零寬連字,全稱是Zero Width Joiner,簡稱“ZWJ”,是一個不打印字符,放在某些需要復(fù)雜排版語言(如阿拉伯語、印地語)的兩個字符之間,使得這兩個本不會發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: )。

此外,瀏覽器還會把以下字符當(dāng)作空白進(jìn)行解析:空格( )、制表位( )、換行( )和回車( )還有( )等等。

祁棟專用 2019-02-15

無論多少的空格,在瀏覽器解析過程中只被當(dāng)做一個nbsp處理。(當(dāng)然為了規(guī)范就算是一個空格也請使用代碼。)

一秒記?。号逼b山s炮p

蝸牛先生 2017-05-27

額,不建議這樣加空格,以為每個瀏覽器對空格的展示不同的,很容易使你的布局變形,建議用margin和padding來調(diào)整

zJ_isGod 2017-08-14

shift+7 nbsp;

“ ”符號都是英文的

華諾 2017-08-29

去看一下html轉(zhuǎn)義字符吧

Silence廣 2018-01-18

HTML將這樣的鍵視為空白字符, 是會被自動忽略的。 當(dāng)你需要在文本、單詞、字母、標(biāo)點(diǎn)或其他地方輸入空格時,你需要輸入相應(yīng)的代碼來表示空格。

方法見一樓!

1152696398 2018-05-31

快來解決啦!快來!快來! 快來 快來

一筆荒蕪 2018-06-01

剛學(xué)習(xí)程序,過來學(xué)習(xí)學(xué)習(xí)!!!!...

要回復(fù),請先登錄 或者注冊