在HTML 中的文字之間新增空格 - Delft Stack

此標籤內的空白區域顯示為已寫入。

幾乎所有的網路瀏覽器都支援它。

我們可以使用

 標籤在HTML 文字中插入空格。

 
 ...


			
			
			
			
			
			
		
		
	



		
	
				

		






		
	



			


HTML貼士文章




在HTML中重定向到一個網頁




使HTML表格可滾動




在HTML中將文字轉換為大寫




在HTML中新增多個單選按鈕組




在HTML中新增懸停文字




在HTML中編寫攝氏度符號




在HTML中跳過一行




用HTML編寫程式碼塊




















	



		















貼士文章





HTML貼士文章





在HTML中的文字之間新增空格













使用
標籤在HTML文字中插入空格





使用 在HTML文字中插入空格





使用CSSpadding屬性在HTML文字中插入空格







本文將討論幾種在HTML文字中插入空格和製表符的方法。

HTML通常一次不允許有多個空格。

這些方法有助於新增多個空格。



使用
標籤在HTML文字中插入空格

標籤定義了一個預先格式化的文字。

它完全按照HTML程式碼中所寫的方式呈現文字。

此標籤內的空白區域顯示為已寫入。

幾乎所有的網路瀏覽器都支援它。

我們可以使用
標籤在HTML文字中插入空格。

標籤支援HTML中幾乎所有的全域性屬性。



例如，在HTML正文中，首先開啟
標籤。

在此標籤內，鍵入你選擇的文字。

現在，通常在文字中句子的單詞之間新增一些隨機空白（I'mlearningHTMLusedintheexamplebelow）。

完成所需的文字後，關閉
標籤。

另外，不要忘記關閉所有以前開啟的標籤。



下面的示例說明了一種在HTML文字中新增儲存空間的方法。

標籤開啟後，它指定一個預先格式化的文字。

我正在學習HTML文字寫在
標籤內。

正如我們所看到的，在單詞learning和HTML之間使用了五個空格。

輸出還在兩個單詞之間顯示五個空格，就像它寫的一樣。

我們可以根據需要放置儘可能多的空格。

這樣，我們就可以在HTML中的文字中新增空格。



示例程式碼：

I'mlearningHTML


輸出：

I'mlearningHTML




使用 在HTML文字中插入空格

我們可以使用 標記以在HTML程式碼的文字中新增空格。

實體NBSP代表不間斷空間。

不間斷空格解釋為不會換行的空格。

由不間斷空格分隔的兩個單詞將位於同一行而不是不同的行。

阻止瀏覽器截斷HTML頁面中的空格是有利的。



例如，在HTML正文中，鍵入你選擇的文字。

在要新增空格的位置，鍵入 。

你必須輸入相同數量的 作為你想要的空白。

寫五個 的例項，然後，繼續輸入其餘的文字。

完成後，關閉所有之前開啟的標籤。



下面的示例說明了另一種在HTML程式碼中的文字中新增空格的方法。

在單詞learning之後，實體 隨後被訂購五次。

這意味著在單詞learning和HTML之間有五個空格。

如果你在程式碼的文字中輸入5個空格，瀏覽器將刪除四個空格，但&nbsp有助於新增任意數量的空格。

因此，這是在HTML程式碼中新增空格的另一種方式。



示例程式碼：


I'mlearning     HTML



輸出：

I'mlearningHTML




使用CSSpadding屬性在HTML文字中插入空格

我們還可以使用CSSpadding屬性在HTML文字中新增空格。

我們可以使用padding屬性和標籤來實現空白空間。

標籤被稱為內聯容器，因為它不從新行開始。

它用於標記文字或文件。

它本質上不代表任何東西，因為它不會單獨產生任何視覺變化。

它用於樣式目的，也受所有Web瀏覽器支援。

它還支援HTML中的所有全域性和事件屬性。

我們可以在元素中使用padding-left屬性來新增空格。



例如，在HTML正文中，輸入你想要的文字。

在要新增空白的地方，建立一個元素並在其中應用樣式。

將padding-left屬性設定為30px。

之後，關閉標籤。

編寫剩餘的文字並關閉程式碼中所有先前開啟的標籤。



在下面的示例中，我們在單詞learning之後建立了一個元素。

我們在元素中應用了30px的左填充。

這意味著我們在單詞learning之後建立了一個30px的空間，然後其餘的單詞繼續。

因此，我們使用CSS和HTML在文字中新增了空格。



示例程式碼：


I'mlearningHTML



輸出：

I'mlearningHTML































		


在HTML中的按鈕中嵌入影象在HTML中選擇預設值













		




	
	


	
	


	
	
	
	
	







xx