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

超文本標(biāo)記語言(HTML)會(huì)自動(dòng)忽略空格宪塔。平常在編寫代碼的時(shí)候磁奖,用空格鍵、Tab鍵以及回車鍵產(chǎn)生的空格某筐,都會(huì)被HTML自動(dòng)忽略比搭。那么我們?cè)撚檬裁捶椒▉韺?shí)現(xiàn)HTML的空格效果呢?有專門的空格代碼嗎南誊?不少初學(xué)者和W3Cschool小編一樣都會(huì)有這樣的疑問身诺,特整理以下資料希望對(duì)你有所幫助

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

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

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


  • 當(dāng)你需要插入單個(gè)空格時(shí),在目的位置處輸入代碼 —— 代表不換行空格攒驰。 當(dāng)你想要在字符或單詞之間插入少量空格時(shí)蟆湖,在特定位置使用  代碼能插入一個(gè)或兩個(gè)空格。這樣既能保持文本體裁格式上的統(tǒng)一性玻粪,又能提升文本的美學(xué)效果隅津。
  • 如果你希望別人在閱讀某段文本時(shí)诬垂,在指定位置處停頓幾秒鐘,那么你可以在該處插入空格伦仍。例如结窘,在“學(xué)技術(shù),從W3Cschool.cn開始充蓝!”的例句中隧枫,你可以在“學(xué)技術(shù)”后插入間隔,就變?yōu)榱恕?code>學(xué)技術(shù)谓苟,  從W3Cschool.cn開始官脓!”
添加單個(gè)空格代碼

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


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

如果你希望接下來輸入的文本形成一個(gè)段落涝焙,那么在段落前插入<p>
卑笨。
使用HTML(超文本標(biāo)記語言)添加段落間距2

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

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

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

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

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


使用HTML語言添加制表符

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

&nbsp;&nbsp;&nbsp;&nbsp;

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

四岸浑、使用HTML添加換行符


使用HTML添加換行符1

當(dāng)你想要換行時(shí)搏存,插入<br>
代碼。
當(dāng)你使用該方法插入雙倍行距時(shí)矢洲,你需要插入兩個(gè)換行符:<br><br>璧眠。
其中一個(gè)是為了換行,一個(gè)是為了跳過該行读虏。
使用HTML添加換行符2

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


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

在進(jìn)行編輯的文本前,或者需要排版的文本內(nèi)容之前盖桥,插入<pre>灾螃。
如果要以書面形式或未排版形式顯示文本,那么就意味著其中不會(huì)出現(xiàn)空白字符揩徊。在這種情況下腰鬼,HTML中的每個(gè)空格鍵和回車鍵會(huì)和其在文字處理程序中顯示的一樣嵌赠。

排版結(jié)束時(shí),輸入 </pre>熄赡。
當(dāng)你要展示詩歌或代碼時(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 ><font size="6">W3Cschool 首頁</font></a>
  <a ><font size="6">編程教程入門</font></a>
  <a ><font size="6">參考手冊(cè)</font></a>
  <a ><font size="6">編程實(shí)例</font></a></center>
</body>

小提示:
如果在你檢查最后的文本時(shí)本谜,看到一些額外的符號(hào)“浮”在代碼上初家,你需要仔細(xì)查看是不是有不完全的代碼,比如“<br>”寫成了“<br”乌助。
注意:預(yù)格式的文本和普通的文本的字體和寬度不同溜在。
當(dāng)給段落排版時(shí),你需要注意段落之間的空格數(shù)量他托∫蠢撸空格數(shù)量取決于你的CSS代碼。
如果個(gè)別的空格和頁面的格式密切相關(guān)赏参,你最好使用CSS代碼處理它志笼。
代碼編輯器或純文本文件中編寫HTML語言。在文字編輯處理軟件中編寫代碼把篓,可能導(dǎo)致錯(cuò)誤纫溃,這是因?yàn)檫@樣的程序會(huì)在文本內(nèi)容上附加額外的信息,這些信息無法被網(wǎng)頁瀏覽器識(shí)別韧掩。

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

出處http://www.w3cschool.cn/html5/question-10231597.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末疗锐,一起剝皮案震驚了整個(gè)濱河市坊谁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌滑臊,老刑警劉巖口芍,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異雇卷,居然都是意外死亡鬓椭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門关划,熙熙樓的掌柜王于貴愁眉苦臉地迎上來小染,“玉大人,你說我怎么就攤上這事祭玉⊙跤常” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵脱货,是天一觀的道長(zhǎng)岛都。 經(jīng)常有香客問我律姨,道長(zhǎng),這世上最難降的妖魔是什么臼疫? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任择份,我火速辦了婚禮,結(jié)果婚禮上烫堤,老公的妹妹穿的比我還像新娘荣赶。我一直安慰自己,他們只是感情好鸽斟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布拔创。 她就那樣靜靜地躺著,像睡著了一般富蓄。 火紅的嫁衣襯著肌膚如雪剩燥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天立倍,我揣著相機(jī)與錄音灭红,去河邊找鬼。 笑死口注,一個(gè)胖子當(dāng)著我的面吹牛变擒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播寝志,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼娇斑,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了澈段?” 一聲冷哼從身側(cè)響起悠菜,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤舰攒,失蹤者是張志新(化名)和其女友劉穎败富,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體摩窃,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡兽叮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了猾愿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鹦聪。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蒂秘,靈堂內(nèi)的尸體忽然破棺而出泽本,到底是詐尸還是另有隱情,我是刑警寧澤姻僧,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布规丽,位于F島的核電站蒲牧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赌莺。R本人自食惡果不足惜冰抢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望艘狭。 院中可真熱鬧挎扰,春花似錦、人聲如沸巢音。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽官撼。三九已至骇吭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間歧寺,已是汗流浹背燥狰。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留斜筐,地道東北人龙致。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像顷链,于是被迫代替她去往敵國(guó)和親目代。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 聲明: 這份文檔派生(fork)于繁體中文版嗤练,在此基礎(chǔ)上進(jìn)行了繁體轉(zhuǎn)簡(jiǎn)體工作榛了,并進(jìn)行了適當(dāng)?shù)臐?rùn)色。此文檔用 Mar...
    Cellei閱讀 4,666評(píng)論 0 21
  • Markdown 語法說明 (簡(jiǎn)體中文版) 概述宗旨兼容 HTML特殊字符自動(dòng)轉(zhuǎn)換 區(qū)塊元素段落和換行標(biāo)題區(qū)塊引用...
    AZcode閱讀 752評(píng)論 1 4
  • 媽媽母親節(jié)快樂煞抬。 對(duì)哦要祝媽媽母親節(jié)快樂霜大,可是一轉(zhuǎn)眼自己突然想到,這世界上哪那么多快樂革答,生活已經(jīng)是如此艱難了啊战坤。所...
    有點(diǎn)困的滾滾閱讀 257評(píng)論 0 0
  • 為什么我們都有耳朵和嘴途茫,因?yàn)槲覀冃枰涣鳌S袝r(shí)候溪食,沉默是金或許是對(duì)的囊卜,但更多時(shí)候,我們需要——說出來。 由于和...
    我是手心閱讀 220評(píng)論 0 0
  • 最近在看《我的第一本漫畫經(jīng)濟(jì)學(xué)》 看到常識(shí)14 固定與轉(zhuǎn)換成本 大家都知道栅组,在火車站袱衷、機(jī)場(chǎng)和旅游景點(diǎn)的吃的喝的、賣...
    王俊婷閱讀 509評(píng)論 0 0