i標簽中的內容會以斜體顯示，b標簽中的內容會以加粗顯示 h5規範中規定，對於不需要著重的內容而是單純的加粗或者是斜體，就可以使用b和i標簽 在h5中使用small標簽來表示一些細則一類的內容 比如：合同中小字，網站的版權聲明都可以放到small 網頁中所有的加書名號的內容都可以使用cite標簽，表示 ...
| em標簽和strong標簽 | i標簽和b標簽 | small標簽 | cite標簽 | q標簽和blockquote標簽 |
| em主要表示語氣上的強調,em在瀏覽器中預設使用斜體顯示 strong表示強調的內容，比em更強烈，預設使用粗體顯示 |
i標簽中的內容會以斜體顯示，b標簽中的內容會以加粗顯示 h5規範中規定，對於不需要著重的內容而是單純的加粗或者是斜體， |
在h5中使用small標簽來表示一些細則一類的內容 |
網頁中所有的加書名號的內容都可以使用cite標簽，表示參考的內容， |
q標簽表示一個短的引用（行內引用） blockquote標簽表示一個長引用（塊級引用） |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p> 已經連著下了<em>一周雨</em>！ </p> <p> <strong> 再見不到太陽要死了！ </strong> </p> <p> <i>我是i標簽中的內容</i> <b>我是b標簽中的內容</b> </p> <p> 我是p標簽中的內容<small>我是small標簽中的內容</small> </p> <p> <cite>《浪潮之巔》</cite>是最喜歡的一本書 </p> <p> 子曰:<q>學而時習之不亦說乎！</q> </p> /* 需要註意的是，blockquote標簽是塊元素標簽，不能放在p標簽里 */ <div> 魯迅: <blockquote> 時間，就象海棉里的水，只要願擠，總還是有的。 </blockquote> </div> </body> </html>
| sup標簽 | sub標簽 | del標簽 | ins標簽 | pre標簽和code標簽 |
| 設置一個上標 | 表示一個下標 | del標簽中的內容，會自動添加刪除線 | ins中的的內容，會自動添加下劃線 |
pre是一個預格式標簽，會將代碼中的格式保存，不會忽略多個空格 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 2的平方 --> <p>2<sup>2</sup></p> <!-- 百科經常用上標和超鏈接結合 --> <p>趙薇<sup><a href="#">[1]</a></sup></p> <!-- 水的分子式 --> <p>H<sub>2</sub>O</p> <p> <del>17.75</del> <br /> 15.54 <br /> </p> <p> 台毒必遭<ins>滅亡</ins>！ </p> <pre> <code> window.onload = function(){ alert("Hello World"); }; </code> </pre> </body> </html>
列表標簽：
| 無序列表 | 有序列表 | 定義列表 |
|
使用ul標簽來創建一個無序列表 |
有序列表和無序列表類似，只不過它使用ol來代替ul type屬性，可以指定序號的類型 |
定義列表用來對一些辭彙或內容進行定義 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> </head> <body> <!-- 無序列表 --> <ul> <li>饅頭</li> <li>包子</li> <li>餃子</li> <li>豆包</li> </ul> <!-- 有序列表 --> <ol type="I"> <li>結構</li> <li>表現</li> <li>行為</li> </ol> </body> </html>
列表之間可以互相嵌套。列表項目符號可以刪除。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 去掉項目符號 * */ ul{ list-style: none; } </style> </head> <body> <ul> <li>包子</li> <li>饅頭</li> <li>餃子</li> <li>豆包</li> </ul> <p>電腦</p> <ul> <li> 主機 <ol> <li>CPU</li> <li>記憶體</li> <li>硬碟</li> </ol> </li> <li> 外設 <ul> <li>鍵盤</li> <li>滑鼠</li> </ul> </li> <li>顯示器</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <dl> <dt>cpu</dt> <dd>中央處理器</dd> <dd>電腦系統的運算和控制核心</dd> <dt>硬碟</dt> <dd>電腦的最主要的存儲設備</dd> </dl> </body> </html>
