<!-- 文字格式 (34個) 脸爱，以下標(biāo)簽分類畴蹭，僅方便個人記憶，并非官方給出谋币，暫時先列出標(biāo)簽，以后再慢慢補上 - -->

<!-- 換行通用 - -->
<hr>  <!-- 5屬性 -->
<br>
<wbr>
<span>行內(nèi)標(biāo)簽</span>
<small>小號標(biāo)簽</small>

<!-- 文本方向- -->
<bdo>文字方向</bdo>    <!-- 1屬性 -->
<bdi>文字方向</bdi>    <!-- 1屬性 -->
<sup>上標(biāo)標(biāo)簽</sup>
<sub>下標(biāo)標(biāo)簽</sub>

<!-- 文本效果- -->
<time>定義時間</time>  <!-- 2屬性 -->
<a>文本連接</a>        <!-- 7屬性 -->
<abbr>文本縮寫</abbr>  <!-- 1屬性 -->
<dfn>文本定義</dfn>    <!-- 1屬性 -->

<!-- 文字編輯 - -->
<ins>插入文本</ins>    <!-- 1屬性 -->
<del>刪除文本</del>    <!-- 1屬性 -->
<u>標(biāo)記文本</u>
<s>刪除文本</s>

<!-- 文字強調(diào)- -->
<em>強調(diào)標(biāo)簽</em>
<strong>強調(diào)標(biāo)簽</strong>
<i>斜體標(biāo)簽</i>
<b>粗體標(biāo)簽</b>

<!-- 文本引用 - -->
<blockquote>塊級引用</blockquote>  <!-- 1屬性 -->
<q>內(nèi)聯(lián)引用</q>                    <!-- 1屬性 -->
<cite>定義引用</cite>
<mark>內(nèi)容標(biāo)記</mark>

<!-- 文本代碼 -->
<code>計算機代碼</code>
<samp>計算機程序</samp>
<var>定義變量</var>
<kbd>鍵盤輸入</kbd>

<!-- 文本發(fā)音 -->
<ruby>文本容器</ruby>
<rb>發(fā)音文字</rb>
<rp>不能展示</rp>
<rt>發(fā)音字符</rt>
<rtc>語義注解</rtc>

hr標(biāo)簽(塊級標(biāo)簽)

說明：定義一條水平線，占據(jù)一行芭届。

屬性：(以下屬性,已經(jīng)過時,但依然可以使用)
1.align屬性定義水平線的排列方向(默認居中):left,center,right拄丰。
2.color屬性定義水平線的顏色:css支持的顏色寫法。
3.noshade屬性定義是否去除陰影:布爾值扬蕊。
4.size屬性定義水平線的高度:css支持的長度寫法。
2.width屬性定義水平線的寬度:css支持的長度寫法。

用法：
<!-- 一條寬200px,高5px,天藍,居左,沒有陰影的水平線 -->
<hr width="200px" size="5px" color="sky-blue" align="left" noshade> 

br標(biāo)簽

說明：定義一個換行符號桑包，強制換行。
屬性：暫無

用法：
<!-- 通常,這段話顯示在一行,加上<br>后,變成了兩行 -->
<p>選擇了路的方向<br>卻未決定路途的終點</p>

wbr標(biāo)簽

說明：提供一個合適的換行地點纺非，不強制換行哑了。
屬性：暫無

用法：
<!-- 一般用在英語句子換行,又不想拆分單詞在兩行的時候 -->
<p>這是一段話，當(dāng)它無法全部顯示在一行的時候烧颖，它會<wbr>根據(jù)wbr標(biāo)簽弱左，選擇<wbr>合適<wbr>的<wbr>換行地點</p>

span標(biāo)簽

說明：定義一個典型的行內(nèi)元素,沒有任何語義。
屬性：暫無

用法：
<!-- 可以用來給行內(nèi)某處地方設(shè)置特別的樣式 -->
<p>一段話炕淮，沒有什么<span>特別</span>的地方拆火。</p>

a標(biāo)簽

說明：定義一個超鏈接,可以鏈接頁內(nèi)元素或其他網(wǎng)頁。

屬性：
1.download屬性定義下載而不是導(dǎo)航url:文本值(下載文件名)涂圆。
2.href屬性定義超鏈接地址:#錨點(內(nèi)部),協(xié)議地址(外部)们镜。
3.target屬性定義何處打開超鏈接地址:_top,_parent,_self,_blank
4.hreflang屬性定義導(dǎo)航地址的語言,僅作為提供建議。
5.ping屬性定義PING POST請求,以空格分隔:url url url乘综。
6.rel屬性定義當(dāng)前文檔與超鏈接地址的關(guān)系,空格分隔:參考之前憎账。
7.type屬性定義超鏈接地址的類型:MIME類型。

用法：
<!-- 跳轉(zhuǎn)到當(dāng)前頁面中id為main的元素 -->
<a href="#main">Jump to main</a>
<!-- 空白頁面打開一個網(wǎng)頁 -->
<a href="http://www.reibang.com"  target="_blank">Jump to Jianshu</a>
<!-- 創(chuàng)建郵箱鏈接 -->
<a href="mailto:952222@163.com">Sent me email</a>
<!-- 創(chuàng)建電話鏈接 -->
<a href="tel:+8615900000000">Call me</a>
<!-- 創(chuàng)建下載鏈接 -->
<a download="demo.jpg" href="download/demo.jpg">Download Jpg</a>

small標(biāo)簽

說明：定義字體變小一號的文本(大->中->小)
屬性：暫無

用法：
<!-- 相較于行內(nèi)元素的字體大小,small標(biāo)簽會自降一號 -->
<p>這是一段普通的文本,<small>這是一段小一號的文本</small></p>

abbr標(biāo)簽

說明：定義一個縮寫,可以提供一個完整的描述,默認帶點線卡辰。

屬性：title屬性以提示框的形式表現(xiàn)全寫(全局屬性的title在這里有特別意義)：文本值

用法：
<p>準(zhǔn)備參加十二月的<abbr title="College English Test - 6">CET-6</abbr>考試</p>

dfn標(biāo)簽

說明：標(biāo)記一個術(shù)語,值由內(nèi)容,title屬性,abbr標(biāo)簽title屬性確定

屬性：title屬性以提示框的形式術(shù)語的值：文本值

用法：
<!-- 用法一:dnf帶title -->
<p>世界由<dfn title="world wide web">www</dfn>組成</p>
<!-- 用法二:dnf帶有title屬性的abbr標(biāo)簽 -->
<p>世界由<dfn><abbr title="world wide web">www</abbr></dfn>組成</p>

bdo標(biāo)簽

說明：定義一段文字胞皱，雙向覆蓋文字排向邪意。

屬性：dir屬性(其實也是全局屬性)定義文本排列的方向:ltr,rtl。

用法：
<!-- 文字完全反著排列 -->
<bdo dir="right">這是一段從右往左排列的文字</bdo>

bdi標(biāo)簽

說明：定義一段文字反砌，雙向隔離文字拍向雾鬼。

屬性：dir屬性(其實也是全局屬性)定義文本排列的方向:ltr,rtl。

用法：
<!-- bdi內(nèi)容會和p內(nèi)容分開 -->
<p dir="rtl">一段從右往左的文字宴树，但是<bdi>這句不是</bdi></p>

sup標(biāo)簽

說明：定義一段文字策菜，以上標(biāo)形式顯示。
屬性：暫無

用法：
<!-- 可以作為算數(shù)的平方符號使用 -->
<p>1024<sup>2</sup>+1024<sup>2</sup></p>

sub標(biāo)簽

說明：定義一段文字酒贬，以下標(biāo)形式顯示又憨。
屬性：暫無

用法：
<!-- 可以作為算數(shù)的標(biāo)記使用 -->
<p>1024<sub>2</sub>+1024<sub>2</sub></p>

ins標(biāo)簽

說明：定義一段已經(jīng)被插入的文本。

屬性：
1.datetime屬性定義修改的時間:有效的日期時間锭吨。

用法：
<!-- 示例 -->
<p>煙鎖池塘柳蠢莺，<ins datetime="2018-11-22">炮鎮(zhèn)海棠樓</ins></p>

del標(biāo)簽

說明：定義一段已經(jīng)被刪除的文本。

屬性：
1.datetime屬性定義修改的時間:有效的日期時間零如。

用法：
<!-- 示例 -->
<p>煙鎖池塘柳躏将，<del datetime="2018-11-22">皰疹海棠嘍</del> 炮鎮(zhèn)海棠樓</p>

u標(biāo)簽

說明：定義一段有下劃線的文本,并無特別意義，推薦ins標(biāo)簽考蕾。
屬性：暫無

用法：
<!-- 示例 -->
<p>煙鎖池塘柳祸憋，<u>炮鎮(zhèn)海棠樓</u></p>

s標(biāo)簽

說明：定義一段有刪除線的文本,并無特別意義,推薦del標(biāo)簽。
屬性：暫無

用法：
<!-- 示例 -->
<p>煙鎖池塘柳肖卧，<s>皰疹海棠嘍</s> 炮鎮(zhèn)海棠樓</p>

em標(biāo)簽

說明：定義一段強調(diào)文本蚯窥，表明內(nèi)容的著重點，顯示效果與i標(biāo)簽相同喜命。
屬性：暫無

用法：
<!-- 強調(diào)動作是敲,而不是推,踹,踢之類的動作-->
<p>鳥宿池邊樹沟沙，僧<em>敲</em>月下門</p>

strong標(biāo)簽

說明：定義一段強調(diào)文本，表明內(nèi)容的重要性壁榕，顯示效果與b標(biāo)簽相同矛紫。
屬性：暫無

用法：
<!-- 強調(diào)章節(jié)的標(biāo)題內(nèi)容，非常強烈的強調(diào)-->
<p>章節(jié)一:<strong>如何學(xué)習(xí)html</strong></p>

i標(biāo)簽

說明：定義斜體文字牌里。
屬性：暫無

用法：
<!-- 出于某些原因颊咬，需要和和其他內(nèi)容區(qū)分開來 -->
<p>一段普通文字，<i>沒有</i>什么特別的地方</p>

b標(biāo)簽

說明：定義粗體文字牡辽。
屬性：暫無

用法：
<!-- 一般來說,加粗只是為了吸引用戶的注意 -->
<p>一段普通文字喳篇，<b>沒有</b>什么特別的地方</p>

blockquote標(biāo)簽(塊級標(biāo)簽)

說明：定義一段塊級引用，一般有縮進态辛。

屬性：
1.cite屬性定義引用來源:url

用法：
<!-- 示例 -->
<blockquote >小樓昨夜又東風(fēng)麸澜，故國不堪回首月明中。</blockquote>

q標(biāo)簽(塊級標(biāo)簽)

說明：定義一段行內(nèi)引用奏黑，一般沒有縮進炊邦。

屬性：
1.cite屬性定義引用來源:url

用法：
<!-- 示例 -->
<p>古人云,<q>好記性不如爛筆頭</q></q>

cite標(biāo)簽(塊級標(biāo)簽)

說明：定義引用的來源,一般是作品什么的,配合blockquote標(biāo)簽使用编矾。
屬性：暫無

用法：
<!-- 示例 -->
<blockquote >春風(fēng)得意馬蹄疾，一日看盡長安花馁害。 —— <cite>孟郊《登科后》<cite></blockquote>

mark標(biāo)簽

說明：定義一段標(biāo)記文本窄俏，用于高亮顯示，自帶黃色背景色碘菜。
屬性：暫無

用法：
<p>誰念<mark>西風(fēng)</mark>獨自涼凹蜈，蕭蕭<mark>黃葉</mark>閉疏窗，沉思往事立殘陽忍啸。</p>

code標(biāo)簽

說明：定義一段計算機代碼仰坦，等寬字體
屬性：暫無

用法
<!-- 簡書的代碼顯示就是用的code標(biāo)簽 -->
<code>some example</code>

samp標(biāo)簽

說明：定義計算機程序的輸出
屬性：暫無

用法
<!-- 暫時還沒有什么例子 -->
<samp>some example</samp>

var標(biāo)簽

說明：定義變量的名稱,或由用戶提供的值,默認斜體
屬性：暫無

用法
<!-- 比如數(shù)學(xué)運算中x,y變量 -->
<p><var>x</var>=<var>y</var>+2</p>

kbd標(biāo)簽

說明：定義用戶的鍵盤輸入,默認monospace字體
屬性：暫無

用法
<!-- 比如數(shù)學(xué)運算中x,y變量 -->
<p>按下以下鍵進入游戲:<kbd>enter</kbd></p>

time標(biāo)簽

說明：定義日期和時間(可包含時區(qū))

屬性：
1.datetime屬性定義時間:標(biāo)準(zhǔn)日期格式
2.pubdate屬性定義發(fā)布日期,一般表示文章發(fā)布日期:布爾值

用法
<!-- 在一篇文章中用pubdate表示該文章的發(fā)布時間 -->
<p>html學(xué)習(xí)之路(二)發(fā)布于<time datetime="2018-11-22 19:28" pubdate>星期四</time></p>

ruby標(biāo)簽

說明：定義東亞字符發(fā)音的容器(配合以下標(biāo)簽使用)
屬性：暫無

rp標(biāo)簽

說明：定義不能使用ruby的注釋,通常為圓括號
屬性：暫無

rt標(biāo)簽

說明：定義字符的發(fā)音,在ruby標(biāo)簽內(nèi)使用
屬性：暫無

rb標(biāo)簽

說明：定義ruby標(biāo)簽內(nèi)字符發(fā)音的范圍
屬性：暫無

rtc標(biāo)簽

說明：定義字符的語義注解
屬性：暫無

用法：
<!-- 比如"漢字"的發(fā)音  -->
<ruby>
  <rb>漢</rb>   <rp>(</rp><rt>han</rt><rp>)</rp>
  <rb>字</rb>   <rp>(</rp><rt>zi</rt><rp>)</rp>
  <rtc>Chinese</rtc>
</ruby>