本篇內(nèi)容介紹了“HTML body里的文本與文本格式標(biāo)簽怎么使用”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、廬陽網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為廬陽等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

HTML最早的用途,其實就是展示文本,所以文本標(biāo)簽是它當(dāng)中最重要的組成成分,接下來就看看HTML的文本標(biāo)簽。

文本標(biāo)簽

1.1 普通文本

如果直接在中添加文字，即該文字只是普通文本，文本編輯器中的任何效果：比如空格，換行 都不影響頁面， 頁面想要實現(xiàn)效果 必須通過標(biāo)簽來實現(xiàn) 。

例如下面代碼中，文本當(dāng)中的任何空格換行對頁面均不起作用。

  
          
                  
                  
          
          
                  
                  床前明月光，
                  疑是地上霜。
                舉頭望明月，
                低頭思故鄉(xiāng)。
        

效果：

1.2 標(biāo)題標(biāo)簽

h2-h7  字號逐漸變小，每個標(biāo)題獨占一行，自帶換行效果，

h7之后都屬于無效標(biāo)簽，但是瀏覽器也不會報錯，而是以普通文本的形式進(jìn)行展現(xiàn)。

  
          
                  
                  
          
          
                  
                  
床前明月光
                
床前明月光
                
床前明月光
                
床前明月光
                
床前明月光
                床前明月光
                床前明月光
                床前明月光
        

效果：

1.3 橫線標(biāo)簽

在中加入

  
          
                  
                  
          
          
                  
                  
床前明月光
                
床前明月光
                
床前明月光
                
床前明月光
                
床前明月光
                床前明月光
                床前明月光
                床前明月光
                

        

效果：

同時可以對橫線標(biāo)簽設(shè)置一些屬性來改變橫線。

①width：設(shè)置寬度，width可以等于一個具體的數(shù)值，同時也可以等于百分比，百分比會隨著頁面的變化而變化。

例如：

其中width="300px"表示的是橫線的固定寬度為300像素。

而width="30%"則表示寬度占頁面的百分三十，會隨著頁面的寬度的變化而變化。

②align：設(shè)置橫線的位置 left,center,right 默認(rèn)不寫的話就是居中效果。

1.4 段落標(biāo)簽

當(dāng)將過多的普通文本直接輸入在body標(biāo)簽中時，文本不會進(jìn)行換行，只有將文本放入段落標(biāo)簽當(dāng)中時，文本才會自動地隨著頁面的縮放進(jìn)行相應(yīng)的換行。

段落效果：段落中文字自動換行，段落和段落之間有空行。

一個漆黑的夜晚，又高又遠(yuǎn)的天空中，有一顆小小的星星正在做夢。
他夢里自已是一顆慧星，好像一道熾熱的火花，瞬間劃過天空......突然，他直直地往下掉落。地上的孩子們看見了，都指著他叫：“流星！”并且對著他許愿。
小星星緊緊地抓著玩具泰迪熊，他們一起掉落......掉落......掉落......直到......撲通！他們一起掉入了深深的大海。小星星仔細(xì)地看一看四周，他簡直不敢相信，這里到處都是奇形怪狀的魚。有條紋的，有帶斑點的，還有各種大大小小、粗細(xì)不同的生物。但是，他們都不是星星。小星星把泰迪熊抱得緊緊的，夜空似乎離他很遠(yuǎn)很遠(yuǎn)了。這時候，他發(fā)現(xiàn)附近有一閃一閃微弱的光芒。他心里充滿了喜悅，激動地以為那是星星。
但是，當(dāng)他靠近一看，發(fā)現(xiàn)他們不是，只是一群閃閃發(fā)亮的魚，正好奇地看著他。
小星星坐在一塊石頭上，對泰迪熊說：“這里沒有別的星星，我好想回家?！?
“不要哭?！贝笫^突然說話了！原來那不是石頭，是一只海龜。他說：“大海中也有很多星星啊！”

1.5 實體字符

不管實在標(biāo)題標(biāo)簽、普通文本、段落標(biāo)簽還是其他的標(biāo)簽當(dāng)中，空格對網(wǎng)頁中顯示的文本沒有任何效果，這里我們需要用到實體字符在去進(jìn)行相應(yīng)的空格操作，同時實體字符也包含一些其他字符。（這是我在w3school上截下來的，大家可以參考一下。）

1.6 加粗、傾斜、下劃線

將文本放入對應(yīng)的標(biāo)簽中，可以對文本進(jìn)行相應(yīng)的效果改變，同時可以多個效果一起使用，即將標(biāo)簽嵌套起來，如下所示

加粗
                  傾斜
                  下劃線
                  加粗傾斜下劃線

效果：

1.7預(yù)編譯標(biāo)簽

在頁面上顯示原樣效果，在pre標(biāo)簽中寫什么，就會原樣輸出什么樣的效果。

1.                  
2.                  
3.  public static void main(String[] args){
4.          System.out.println("hello ....");
5.  }
6.                  

效果：

1.8 換行

在文本的任意地方輸入文本標(biāo)簽，網(wǎng)頁效果中就會在相應(yīng)的位置出現(xiàn)換行效果。

1.9 中劃線

一箭穿心

效果：

1.9 字體標(biāo)簽

在字體標(biāo)簽中可以加一些字體、顏色等相應(yīng)的效果

床前明月光

其中color是設(shè)置顏色，size設(shè)置字體大小，face設(shè)置字體格式

效果：

“HTML body里的文本與文本格式標(biāo)簽怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！