繼續接着2-1來講解：
（4）使用span標籤爲文字設置單獨樣式
這一小節講解<span>標籤，我們對<em>、<strong>、<span>這三個標籤進行一下總結：
1. <em>和<strong>標籤是爲了強調一段話中的關鍵字時使用，它們的語義是強調。
2. <span>標籤是沒有語義的，它的作用就是爲了設置單獨的樣式用的。
語法：
<span>文本</span>
如果現在我們想把上一小節的第一段話“美國夢”三個字設置成blue（藍色），但注意不是爲了強調“美國夢”，而只是想爲它設置和其它文字不同的樣式（並不想讓屏幕閱讀器對“美國夢”這三個字加重音讀出），所以這樣情況下就可以用到<span>標籤了。
代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>q標籤</title>
</head>
<body>
<p>周瑜，不可否認，他是歷史上一個了不起的英雄人物！確實也配的上那句<q>聰明秀出爲之英，膽略過人爲之雄。</q></p>
</body>
</html>
（5）q標籤，短文本引用
想在你的html中加一段引用嗎？比如在你的網頁的文章裏想引用某個作家的一句詩，這樣會使你的文章更加出彩，那麼<q>標籤是你所需要的。
語法：
<q>引用文本</q>
如下面例子：
講解：
1. 在上面的例子中，“莊生曉夢迷蝴蝶。望帝春心託杜鵑。” 這是一句詩歌，出自晚唐詩人李商隱的《錦瑟》 。因爲不是作者自己的文字，所以需要使用<q></q>實現引用。
2. 注意要引用的文本不用加雙引號，瀏覽器會對q標籤自動添加雙引號。
注意：
這裏用<q>標籤的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>q標籤</title>
</head>
<body>
<p>周瑜，不可否認，他是歷史上一個了不起的英雄人物！確實也配的上那句<q>聰明秀出爲之英，膽略過人爲之雄。</q></p>
</body>
</html>（6）blockquote標籤，長文本引用
<blockquote>的作用也是引用別人的文本。但它是對長文本的引用，如在文章中引入大段某知名作家的文字，這時需要這個標籤。
等等，上一節<q>標籤不是也是對文本的引用嗎？不要忘記<q>標籤是對簡短文本的引用，比如說引用一句話就用到<q>標籤。
如想在我的文章中引用李白《關山月》中的詩句，因爲引用文本比較長，所以使用<blockquote>。
語法:
<blockquote>引用文本</blockquote>
如下面例子：
<blockquote>明月出天山，蒼茫雲海間。長風幾萬裏，吹度玉門關。漢下白登道，胡窺青海灣。由來征戰地，不見有人還。 戍客望邊色，思歸多苦顏。高樓當此夜，嘆息未應閒。</blockquote>
瀏覽器對<blockquote>標籤的解析是縮進樣式。如下圖所示：中間那一行
代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>blockquote標籤的使用</title>
</head>
<body>
<h2>心似桂花開</h2>
<p>大家都在忙於自認爲最重要的事情，卻沒能享受到人生的樂趣，反而要吞下苦果？</p>
<blockquote>暗淡輕黃體性柔，情疏跡遠只香留。何須淺碧深紅色，自是花中第一流。</blockquote>
<p>這是李清照《詠桂》中的詞句，在李清照看來，桂花暗淡青黃，性情溫柔，淡泊自適，遠比那些大紅大紫爭奇鬥豔花值得稱道。</p>
</body>
</html>
(7)使用br標籤分行顯示文本
對於上一小節的例子，我們想讓那首詩顯示得更美觀些，如顯示下面效果：
怎麼可以讓每一句詩詞後面加入一個折行呢？那就可以用到<br />標籤了，在需要加回車換行的地方加入<br />，<br />標籤作用相當於word文檔中的回車。
上節的代碼改爲：
語法：
xhtml1.0寫法：
<br />
html4.01寫法：
<br>與以前我們學過的標籤不一樣，<br />標籤是一個空標籤，沒有HTML內容的標籤就是空標籤，空標籤只需要寫一個開始標籤，這樣的標籤有<br />、<hr />和<img />。
總結：在html代碼中輸入回車、空格都是沒有作用的。在html文本中想輸入回車換行，就必須輸入<br />。
代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>br標籤的使用</title>
</head>
<body>
<h2>《詠桂》</h2>
<p>暗淡輕黃體性柔，<br/>情疏跡遠只香留。<br/>何須淺碧深紅色，<br/>自是花中第一流。</p>
</body>
</html>
（8）爲你的網頁中添加一些空格
在上一節的例子，我們已經講解過在html代碼中輸入空格、回車都是沒有作用的。要想輸入空格，必須寫入 。
語法：
在html代碼中輸入空格是不起作用的，如下代碼。
在瀏覽器中任然是沒有空格效果
瀏覽器中只顯示了一個空格
正確的方法：
<p>暗淡 輕黃體性柔，<br/>情疏跡遠只香留。<br/>何須淺碧深紅色，<br/>自是花中第一流。</p>
代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>br標籤的使用</title>
</head>
<body>
<h2>《詠桂》</h2>
<p>暗淡 輕黃體性柔，<br/>情疏跡遠只香留。<br/>何須淺碧深紅色，<br/>自是花中第一流。</p>
</body>
</html>