App下載
話(huà)題 首頁(yè) > HTML5 教程 > HTML5 教程話(huà)題列表 > 詳情

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

精華
銀魂≡ω≡ 2016-11-03 10:50:57 瀏覽(43563) 回復(fù)(20) 贊(0)
[超文本標(biāo)記語(yǔ)言(HTML)](http://hgci.cn/html)會(huì)自動(dòng)忽略空格。平常在編寫(xiě)代碼的時(shí)候,用空格鍵、Tab鍵以及回車(chē)鍵產(chǎn)生的空格,都會(huì)被[HTML](http://hgci.cn/htmltags)自動(dòng)忽略。那么我們?cè)撚檬裁捶椒▉?lái)實(shí)現(xiàn)HTML的空格效果呢?有專(zhuān)門(mén)的空格代碼嗎? ![](http://hgci.cn:/attachments/day_161103/201611031050434071.png)
html html5

回答(20)

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

一、添加單個(gè)空格


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

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


如果你希望接下來(lái)輸入的文本形成一個(gè)段落,那么在段落前插入<p>。

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

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

例如:

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

三、 使用HTML語(yǔ)言添加制表符


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

    

在HTML中,沒(méi)有專(zhuān)用的表示制表符的代碼。如果你需要使用制表符,你可以考慮選擇CSS代碼。

使用HTML添加換行符


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

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

其中一個(gè)是為了換行,一個(gè)是為了跳過(guò)該行。

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


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

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

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

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

例如:

{{
<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 首頁(yè)</font></a>
<a href="http://hgci.cn/tutorial"><font size="6">編程教程入門(mén)</font></a>
<a href="http://hgci.cn/manual"><font size="6">參考手冊(cè)</font></a>
<a href="http://hgci.cn/examples"><font size="6">編程實(shí)例</font></a></center>
</body>
}}

小提示:


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

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

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

傳奇人生 2016-11-11

使用&n bsp;( 中間沒(méi)空格 ),注意后面有分號(hào)。一個(gè) &n bsp;代表一個(gè)空格

雨曇 2016-11-11

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

smart_dream 2017-08-22

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

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

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

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

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

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

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

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

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

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

蝸牛先生 2017-05-27

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

zJ_isGod 2017-08-14

shift+7 nbsp;

“ ”符號(hào)都是英文的

華諾 2017-08-29

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

Silence廣 2018-01-18

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

方法見(jiàn)一樓!

1152696398 2018-05-31

快來(lái)解決啦!快來(lái)!快來(lái)! 快來(lái) 快來(lái)

一筆荒蕪 2018-06-01

剛學(xué)習(xí)程序,過(guò)來(lái)學(xué)習(xí)學(xué)習(xí)!!!!...

要回復(fù),請(qǐng)先登錄 或者注冊(cè)