在之前我们早已详细介绍过<h1>~<h6><p><span>，这种全是对文本做解决的标签，但是HTML的标签实际上也有满多种多样的，比如我们平时使用Word或WordPress文章编辑器会见到的粗字体、斜体字、底线等，在浏览器都能够通过HTML标签来进行。自然大部分的特性也都能够在CSS设置，仅仅运用HTML标签使用上较为便捷，除了编写的人从标签名字上就可以很判断力的掌握它的作用外，对Google等各种寻找网址的爬虫与浏览器作用而言，能够更精确的开展文章内容分析，针对她们的引言分析有一些小小帮助喔！

下列我们由WYSIWYG最火爆之一的CKEditor为例子吧！

（WYSIWYG是一段十分长的语句的简称->WhatYouSeeIsWhatYouGet。汉语翻译为：所见即所得。白话文一点：你所看到的便是你所获得的。）

文字编辑器CKEditor

在WordPress或别的blog服务供应商经常会内嵌数据可视化文字编辑器，那样就无需累死累活的手刻HTML了（自然假如你能用HTMLorCSS更强，能够做一些细节方面的改动）。而在其中有一个很知名的文字编辑器叫CKEditor，在WordPress也是有提供有关插件。CKEditor在opensource的状况下是完全免费的，要想更健全的作用的情况下，也可以添加他们的付钱项目。

我们先讨论一下它的基本要素，留意：由于录视频的时间点CKEditor4的主页DEMO是有打开初始码作用，可是如今的沒有。因此请进到

会有相近版块的编辑器。

我们可以尝试随便打上內容，例如输入1234567890后，按住上边的粗字体和斜体字，CKEditor便会所闻及个人所得的Show出你打的內容与款式，

下面的图为新检测部位，Source按键即是后边显示信息初始码的英文全文。

下列为课程内容视频截图

接下去点击初始码，立即输入HTML，能够见到刚刚输入的1234567890被用<p></p>文章段落标签给包起來，而<em></em>刚再加上的粗字体和斜体字，我们也可以在这儿将刚的<em></em>

标签给删掉并返回编写方式，

 这时候你能发觉粗字体被改回来，按键也不见了！

但是我们尝试把课程内容实例中的<del></del>放进CKEditor的情况下， 

返回编写方式，会发觉沒有反映，缘故是由于CKEditor它有锁定一些标签让使用人没法使用，

刚刚的编辑器较为罗定，也可以找找看是否有完整篇的作用。譬如说下边菜单栏的作用较多，我们可以尝试按住底线，文本就被划出底线了！

文字標籤介紹

文本标签详细介绍

除了此前所详细介绍过的文本标签之外，HTML也预置了许多文档格式，<b><strong>    -  -粗字体-这两个标签大部分全是字体加粗的作用，他们中间的差别在<strong>有提升语调的功能，假如网络爬虫或搜寻引擎针对语调有作尤其的分辨时，写会较为有益一点。

<i><em>  -   斜体  -   這兩個功能也相同，都是斜体，<i>代表italic ，< em>代表emphasize。

<del>  - 刪除线   -   代表delete，在被选的文字畫上一條线代表刪除。

<ins><u>  - 底线   -   <ins>代表inserted ，< u>代表underline。如果不是连接結其實不太需要下底线，以免读者在阅读時产生判端上的錯誤。

HTML5中 u的语义改為标注拼写錯誤的文字，如果單純需要底线，建议使用CSS的text-decoration：underline;

<mark>  - 標記   -   highlight的意思，其中标记顏色也可以透過CSS更改。

在编码background-color的地区将yellow改为green，情况便会变为绿色的了！这一方法实际上跟CSS中的background-color作用一样。

[填补]W3C实例教程是世界最大编程语言新手入门网址，网址中汇聚了详细的标签及英语的语法信息内容，网页页面内也是有对各标签的使用方法有详细的表明，比如正下方就会有提醒该标签不兼容在IE8下边版本使用。

下列好多个标签有兴趣爱好能够记一下，初学者阶段不用彻底记牢，记牢有兴趣爱好的就好了（许多知名网站也没所有使用他们，许多标签非常少用，高手也仅仅需要采用再去查罢了。）

<big> - 字体放大 / <small> - 字体縮小 -  

顾名思义<big>会让字体放大，<small>会让字体縮小，兩者的的差异是同時使用多個<big>便签可以让字体持續变大，但<small>達到一個极限值它就不會再继续变化下去。

<sup> - 上標 / <sub> - 下標 -<sup><sub>會讓文字產生上標和下標的效果，如果同時擺好幾個相同的<sup> 標籤，它還是繼續上去，只是要小心不要壓到其他的文字。

<code><kbd> - 程式碼標籤   -   <code> 和<kbd>標籤會呈現類似打字機樣式的字體，讓瀏覽器或爬蟲認為這是一段編碼。<kbd>是keyboard的簡寫，代表輸入內容是從鍵盤上打上去的。

<q> - 引用   -   <q>標籤會在文字前後加上雙引號。

<xmp> - 顯示HTML原始碼  - 這個標籤比較特別，如果只是單純輸入文字，它會沒有效果，這是一個<xmp>xmp標籤</xmp>    
 

但如果你有需要在瀏覽器顯示HTML原始碼的需求，而不是浏览器解析标签后的格式，可以使用這個标签。例如我輸入：

輸出結果：

就可以把HTML原始碼列印在浏览器上了。

[補充] 在brackets我們使用注解除了<!--    --!>可以註解掉以外，在MAC作業系統也可以使用commet+/註解(windows是ctrl+/)，大部分主流編輯器通常都會有這個功能。