1.如何給元素添加樣式？

通過前面的學習大家知道，在web前端中，元素所顯示出來樣子稱為表現，專業處理元素長什么樣子的技術主要是CSS(層疊樣式表)。

不過在HTML語言中，你可以用以下兩種方式先進行簡單處理。

第一個就是我們在元素的開始標記中利用元素的屬性來設置，即在元素的開始標簽中添加一個或多個“屬性名=屬性值”的形式，這在前面的課程中已經講過。例如，你可以為段落添加字體、字號、大小、顏色等屬性。你可以為圖片添加圖片地址、寬度、高度等屬性。這種方式適用于所有的HTML元素。

第二個就是為所要處理的文本添加格式化標簽。這種方式僅適用于文本內容。什么是文本呢？文本就是我們平時看到一篇文章、一段話、一個句子、一個詞語、一個字或符號。它是由漢字、字母、標點符號或數字組成。

2.文本格式化標簽。

同段落標簽

,標題標簽一樣，文本格式化標簽也是用來標記你的內容。不過它們的作用僅僅是用于格式化(這個被標記的文本長什么樣子)，并且這些標簽只能用于文本內容的標記。你可以用它們來格式化一個字符，一個詞語，一個句子，或一段文字。所有文本格式化標簽的使用，都和其他標簽使用方式基本一樣。

實例：下面的例子表示將段落內的”網頁”這個詞語以斜體字表示。

這是我的網頁設計

3.常用的11個文本格式化標簽及其解釋。

文字1 文字1以粗體字顯示

文字2 文字2也是以粗體字顯示

文字3 文字3以斜體字顯示

文字4 文字4也是以斜體字顯示

文字5 顯示的文字5比段落內的其他文字小

文字6 顯示的文字6比段落內的其他文字大

文字7 在文字7下面添加一個下劃線(橫線)

文字8 在文字8上添加刪除線(斜線)

_文字9 文字9定義為下標，顯示比正常文字偏下，并且偏小。例如化學式子中的下標數字。

^文字10文字10定義為上標，顯示比正常文字偏上，并且偏小。例如數學公式中的上標數字(x的平方，你可以將數字2標記起來)。

文字11將文字11加上雙引號顯示。

4.其他特殊的文本格式化標簽

(1)等寬字體標記

在瀏覽器顯示你的文本時，默認的是以比例字體顯示。什么是比例字體呢？ 先舉個例子，字母M比字母I在水平方向上所占的寬度寬，比例字體就是按字母正常所占的寬度顯示。

什么是等寬字體呢？等寬字體就是我們常見的打印機字體，即每個字母所占的寬度都一樣。

在HTML中提供三個標記來使文本顯示為等寬字體。它們分別是:

示例文字用于標記你所列舉的例子

代碼文字用于標記你所列舉的代碼

鍵盤輸入文字用于標記鍵盤輸入

(2)預保留標簽

當你用

標簽標記一段文字時，瀏覽器默認顯示方式是這樣的：瀏覽器將這段文字顯示為一行(如果你的顯示器屏幕足夠寬)，即使你在源代碼書寫中將文字分為多行，除非你使用了換行標記
，否則瀏覽器不會換行;如果書寫源文檔時在兩個詞語之間插入了多個空格，瀏覽器會將這多個空格合并，只保留一個。總之，瀏覽器會忽略源代碼中你書寫換行和空格。

如果你想在瀏覽器顯示網頁時保留你書寫源文檔的樣式，請用預格式化標記。它會按照你書寫的方式來顯示空格和換行。下面的段落按原樣顯示：

這是

一個

段落

5.重要小結

到現在為止，你基本已經了解了關于文本處理的大部分常用標記。在學習的過程中，你應該形成這些思維：HTML的標記僅僅是用來做網頁的結構部件用的(比如，這是一個段落，那是一幅圖片等)，這些部件的顯示樣子和部件可產生的動作不歸HTML管，那是CSS和Javascript的問題。HTML的實質就是用標簽來包裝你所要顯示的內容，用來形成頁面上顯示的部件(圖片，段落、視頻等)。

在這里說明一下：文章中出現的標簽、標記是同一個意思，你可以把所有的標簽都理解為一個個包裝盒子。你可以把文本，圖片、視頻等要顯示在網頁上的內容理解為要包裝的物品。

文章中出現的組件，部件和元素是同一個意思，那就是用標簽包裝好的內容，你可以將它理解為用包裝盒(標簽)包裝好物品(文字、圖片或視頻等)，就形成了頁面上的一個個部件。所有網頁都是由這些部件組成的。

舉報/反饋

總結

以上是生活随笔為你收集整理的html文本打印lt;igt;字段,Web前端学习第九课，使用文本格式化标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。