HTML將這樣的鍵視為空白字符, 是會(huì)被自動(dòng)忽略的。 當(dāng)你需要在文本、單詞、字母、標(biāo)點(diǎn)或其他地方輸入空格時(shí),你需要輸入相應(yīng)的代碼來(lái)表示空格。 下面介紹幾種HTML中添加空格的方法:
—— 代表不換行空格。 當(dāng)你想要在字符或單詞之間插入少量空格時(shí),在特定位置使用`` 代碼能插入一個(gè)或兩個(gè)空格。這樣既能保持文本體裁格式上的統(tǒng)一性,又能提升文本的美學(xué)效果。
從W3Cschool.cn開(kāi)始!”
如果你希望接下來(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>
使用四個(gè)或五個(gè)連續(xù)的空格,添加制表符。代碼是這樣的:
在HTML中,沒(méi)有專(zhuān)用的表示制表符的代碼。如果你需要使用制表符,你可以考慮選擇CSS代碼。
當(dāng)你想要換行時(shí),插入<br>
代碼。
當(dāng)你使用該方法插入雙倍行距時(shí),你需要插入兩個(gè)換行符:“<br><br>
“。
其中一個(gè)是為了換行,一個(gè)是為了跳過(guò)該行。
在進(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
”。
另外也可以到W3Cschool.cn首頁(yè) 查看《HTML教程》,里面有關(guān)于HTML空格知識(shí)集合(http://hgci.cn/html/html-space.html)。
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ē)(
)還有(
)等等。