如何在HTML中插入空格
通常情況下,我們用空格鍵來打出多個空格,而在編寫代碼時,通過空格鍵、Tab鍵以及回車鍵打出的空格,都會被HTML(超文本標記語言)自動忽略。HTML將這樣的鍵視為空白字符,並顯示為單個空白間隔。儘管CSS提供了多種樣式的空格和縮進,但是在HTML中也有一些工具可以讓你自己定義空格。
插入單個空格和製表符
(01)插入一個非間斷空格。一般來説,無論你按多少次空格鍵,HTML也只會在單詞之間顯示一個空白間隔。當你需要插入多個空格時,請輸入 或 代碼。它們名為“空格佔位符”,你輸入幾個,就能在頁面中顯示幾個空格。之所以稱之為非間斷空格,是因為這樣不會產生換行符。如果你濫用這種空格,瀏覽器可能無法以整齊易讀的方式插入換行符。
(02)插入不同寬度的空格。有多種字符實體可以讓瀏覽器顯示空格。不同的瀏覽器在顯示方式上可能會有一點不同,但是和 不同,它們不會影響換行: — “en空格”是根據字體排印學的計量單位命名,寬度是兩個普通空格的寬度 — “em空格”大概是四個普通空格的寬度
(03)使用非間斷空格模擬製表符。生成段落的一種方式就是在第一行前插入幾個空格: 。這個方法只適用於HTML,如果你使用CSS的話,不推薦這一方法(在其它步驟中會介紹別的方法)。如果段落的內容是富文本,請 使用“pre”標籤。
(04)使用CSS生成段落。CSS的內邊距或外邊距給瀏覽器指明瞭具體的顯示格式,所以顯示效果的一致性較高。即使你不是很瞭解CSS,手邊也沒有説明表,也可以很容易地添加。下面將具體説明如何將整個段落移到右邊:在HTML文檔的<head></head>部分,插入以下命令:<style>nt{ padding-left: 1.8em }</style>“nt”定義了一個叫“indent”(可以隨意命名)的段落(標籤為p)。剩下的命令則是給段落左側添加內邊距空格。返回HTML文檔的主體。每當你想添加段落時,在標籤中插入以下內容:<p class="indent"></p>。要調整縮進的數量,只需要更改CSS命令中的數字“1.8”即可。後面的“em”要保留,它是表示寬度的單位。
給長段落排版
(01)使用預格式化的文本。“pre”元素可以定義預格式化的文本,會保留文本里的空格或換行符。因此,在<pre></pre>標籤裏輸入的空格或回車鍵,會以空格或換行符的形式顯示出來。你可以用它來顯示代碼示例、詩歌或其它需要空格和換行的文本內容。預格式化文本的一大缺陷在於它的寬度。它無法像普通超文本標記語言那樣,去調整頁面寬度,適應用户的窗口大小。
(02)創建換行符。<br>標籤位於當前文本行的最後,可插入一個簡單的換行符。你可以輸入多個“br”標籤來創建多行空白行。這是HTML新手學生寫代碼的一個好方法,但是當你學習CSS時,會發現這種強制性的HTML樣式代碼是不被提倡的。
(03)用“p”標籤定義段落。p 元素會自動在其前後創建一些空白,因此,文本後的<p></p>標籤可以結束段落。大多數瀏覽器都通過一個空白行來隔離段落,但這不能保證精確的排版格式。
特別提示
如果你在最後審查文本和代碼時,看到一些額外的符號“浮”在代碼上,你需要仔細查看是不是有不完整的代碼,比如將“<br>”寫成了“<br”。
CSS(層疊樣式表) 能夠對網頁中元素位置的排版(包括文本中的間隔)進行像素級精確控制,可以更好、更精確地編輯網頁對象和模型樣式。
不要在起始標籤後或結束標籤前輸入空格。例如,輸入“Spaces <a>Tutorial</a>”時,不要寫成“Spaces<a> Tutorial </a>”。
非間隔字符( ) 是字符實體的一個範例。你無法從鍵盤上打出此類網頁字符,但能用對應的代碼來插入字符。
超文本標記語言(HTML)並不能如你所想,正常地顯示<br/>Tab(&#09;)換行符。標準的超文本網頁並沒有換行符停頓,因此,“tab”字符沒有任何實意。
最好在代碼編輯器或純文本文件中編寫HTML語言,不要使用“Word”文字處理程序。在文字編輯處理軟件中編寫代碼時,空格可能會變成網頁中奇怪的符號,導致顯示錯誤。這通常是因為word程序會在文本內容上附加額外數據,而這些信息無法被網頁瀏覽器識別,進而導致顯示錯誤。
-
愛奇藝視頻怎麼保存到手機相冊中?
現在許多人都用愛奇藝看視頻,那麼愛奇藝視頻可以保存到手機相冊當中嗎?下面一起來看看吧。操作方法(01)答案是無法保存在手機相冊裏面,因為使用愛奇藝下載下來的視頻格式無法直接轉碼,它是愛奇藝自己開發的一種格式。你只能使用愛奇藝播放器來打開你在愛奇藝下的視頻...
-
vivoY66如何截屏
在使用vivoY66的過程中,有時候需要截屏,可是自己卻不知道應該如何操作。這可如何是好呢?接下來我們一起來看看vivoY66如何截屏。操作方法(01)第一種方法:我們可以在手機桌面上,由下往上的滑動手機屏幕,此時會彈出一個工具欄,我們直接點擊【超級截屏】即可。(02)第二種方法...
-
抖音翅膀特效怎麼拍 抖音翅膀特效教程
喜歡玩抖音的小夥伴們大多喜歡自己拍攝一些短視頻,下面教大家如何拍攝抖音短視頻翅膀特效,讓你的作品更加吸引眼球。操作方法(01)先準備自己站立的短視頻,也要找一個翅膀素材,可以抖音搜索下載也可以去網上查找,為了方便建議背景為綠色。(02)安卓手機用巧影,剪映等工具,蘋...
-
2019手機QQ瀏覽器文件怎麼加密
2019手機QQ瀏覽器文件怎麼加密操作方法(01)打開最新版的瀏覽器,點擊底部導航選項中的文件。如圖所示(02)在打開的文件界面,選擇需要加密的文件,打開文件夾找文件。如圖所示(03)在打開的文件夾裏面,找到文件後,選擇文件,然後長按住文件。如圖所示(04)長按文件後,文件就會被選中...