1.如何給元素添加樣式？
通過前面的學習大家知道，在web前端中，元素所顯示出來樣子稱為表現，專業處理元素長什麼樣子的技術主要是CSS（層疊樣式表）。
不過在HTML語言中，你可以用以下兩種方式先進行簡單處理。
第一個就是我們在元素的開始標記中利用元素的屬性來設置，即在元素的開始標籤中添加一個或多個「屬性名=屬性值」的形式，這在前面的課程中已經講過。例如，你可以為段落添加字體、字號、大小、顏色等屬性。你可以為圖片添加圖片地址、寬度、高度等屬性。這種方式適用於所有的HTML元素。
第二個就是為所要處理的文本添加格式化標籤。這種方式僅適用於文本內容。什麼是文本呢？文本就是我們平時看到一篇文章、一段話、一個句子、一個詞語、一個字或符號。它是由漢字、字母、標點符號或數字組成。
2.文本格式化標籤。
同段落標籤<p>,標題標籤<h>一樣，文本格式化標籤也是用來標記你的內容。不過它們的作用僅僅是用于格式化（這個被標記的文本長什麼樣子），並且這些標籤只能用於文本內容的標記。你可以用它們來格式化一個字符，一個詞語，一個句子，或一段文字。所有文本格式化標籤的使用，都和其他標籤使用方式基本一樣。
實例：下面的例子表示將段落內的」網頁」這個詞語以斜體字表示。
<p>這是我的<i>網頁</i>設計</p>
3.常用的11個文本格式化標籤及其解釋。
<b>文字1 </b> 文字1以粗體字顯示
<strong>文字2</strong> 文字2也是以粗體字顯示
<i>文字3 </i> 文字3以斜體字顯示
<em>文字4 </em> 文字4也是以斜體字顯示
<small>文字5</small> 顯示的文字5比段落內的其他文字小
<big>文字6</big> 顯示的文字6比段落內的其他文字大
<ins>文字7</ins> 在文字7下面添加一個下劃線(橫線)
<del>文字8</del> 在文字8上添加刪除線(斜線)
<sub>文字9</sub> 文字9定義為下標，顯示比正常文字偏下，並且偏小。例如化學式子中的下標數字。
<sup>文字10</sup>文字10定義為上標，顯示比正常文字偏上，並且偏小。例如數學公式中的上標數字（x的平方，你可以將數字2標記起來）。
<q>文字11</q>將文字11加上雙引號顯示。
4.其他特殊的文本格式化標籤
(1)等寬字體標記
在瀏覽器顯示你的文本時，默認的是以比例字體顯示。什麼是比例字體呢？ 先舉個例子，字母M比字母I在水平方向上所佔的寬度寬，比例字體就是按字母正常所佔的寬度顯示。
什麼是等寬字體呢？等寬字體就是我們常見的印表機字體，即每個字母所佔的寬度都一樣。
在HTML中提供三個標記來使文本顯示為等寬字體。它們分別是:
<samp>示例文字</samp>用於標記你所列舉的例子
<code>代碼文字</code>用於標記你所列舉的代碼
<kbd>鍵盤輸入文字</kbd>用於標記鍵盤輸入
(2)預保留標籤
當你用<p>標籤標記一段文字時，瀏覽器默認顯示方式是這樣的：瀏覽器將這段文字顯示為一行（如果你的顯示器屏幕足夠寬），即使你在原始碼書寫中將文字分為多行，除非你使用了換行標記<br />，否則瀏覽器不會換行;如果書寫源文檔時在兩個詞語之間插入了多個空格，瀏覽器會將這多個空格合併，只保留一個。總之，瀏覽器會忽略原始碼中你書寫換行和空格。
如果你想在瀏覽器顯示網頁時保留你書寫源文檔的樣式，請用預格式化標記。它會按照你書寫的方式來顯示空格和換行。下面的段落按原樣顯示：
<p>
<pre>
這是
一個
段落
</pre>
</p>
5.重要小結
到現在為止，你基本已經了解了關於文本處理的大部分常用標記。在學習的過程中，你應該形成這些思維：HTML的標記僅僅是用來做網頁的結構部件用的（比如，這是一個段落，那是一幅圖片等），這些部件的顯示樣子和部件可產生的動作不歸HTML管，那是CSS和Javascript的問題。HTML的實質就是用標籤來包裝你所要顯示的內容，用來形成頁面上顯示的部件（圖片，段落、視頻等）。
在這裡說明一下：文章中出現的標籤、標記是同一個意思，你可以把所有的標籤都理解為一個個包裝盒子。你可以把文本，圖片、視頻等要顯示在網頁上的內容理解為要包裝的物品。
文章中出現的組件，部件和元素是同一個意思，那就是用標籤包裝好的內容，你可以將它理解為用包裝盒（標籤）包裝好物品（文字、圖片或視頻等），就形成了頁面上的一個個部件。所有網頁都是由這些部件組成的。