全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實用視頻。

主要內(nèi)容：這是HTML課程的第四課，主要講解HTML的文字標(biāo)簽和格式標(biāo)簽。在今天我們做一個屬于自己的簡歷。

上節(jié)回顧

在上一節(jié)中主要講解了HTML的標(biāo)題標(biāo)簽（h1~h7）以及加粗、斜體、下劃線、上下標(biāo)等格式的標(biāo)簽。上節(jié)請戳→HTML電腦編程03 標(biāo)題物理字體標(biāo)簽的使用，大學(xué)生學(xué)編程

HTML

font標(biāo)簽

font標(biāo)簽通過字面意思來看，就是字體的意思。是的這是一個用來顯示文字的標(biāo)簽。不過值得說的是，這個文字可以通過屬性的方式，指定顏色和字體大小。比如：

font標(biāo)簽的寫法

效果：

font標(biāo)簽的顯示效果

從書寫的HTML代碼可以看出，font標(biāo)簽包括兩個參數(shù)：

1. color（字體的顏色）：顏色的值可以為英文，也可以為RGB數(shù)值。
   

2. size（字體的大小）：通過數(shù)字1~7可以控制字體的大小。

3. face（文字的顯示字體）：這個屬性可以設(shè)置顯示的字體。如可以寫為：face="楷體"

顏色體系

在HTML中包括兩種顏色體系。一種就是直接寫顏色的英文，如：red（紅色）、blue（藍色）、green（綠色）等。

不同顏色

另外一種顏色體系是RGB。由R（Red）、G（Green）、B（Blue）三種顏色組成。相信小時候很多人都知道兩種不同的顏料，可以轉(zhuǎn)換為不同的顏色。RGB就是通過紅綠藍不同的明暗程度。來表示所有的顏色的。

RGB

RGB中的每一個顏色都是以六位十六進制進行表示。數(shù)值越大顏色越深。如：000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#號。

段落標(biāo)簽

段落標(biāo)簽為p。會為里面的文字自動分段顯示：

p標(biāo)簽自動分段

換行標(biāo)簽

換行標(biāo)簽為br，這是個單標(biāo)簽。寫法為：<br/>。

br標(biāo)簽的形式

效果：

換行標(biāo)簽的效果

默認情況下，HTML的文檔排列形式為自上而下，自左而右。標(biāo)簽包括行級標(biāo)簽和塊級標(biāo)簽。如果想要對塊級標(biāo)簽進行換行，你就需要使用br標(biāo)簽。

其他幾個標(biāo)簽

下面是幾個標(biāo)簽，大家直接Sublime中寫入看一下效果哦。在以后就直接使用啦

居中預(yù)格式化標(biāo)簽

言：在完成了使用開源的Atom軟件搭建好編寫markdown的環(huán)境后，接下來就進行我們的第一個markdown文件的編寫，同時學(xué)習(xí)markdown標(biāo)記語言的基礎(chǔ)語法，都是十分簡單的一些標(biāo)記，如果學(xué)習(xí)過HTML標(biāo)記語言或者了解過HTML標(biāo)記語言的就十分清楚，markdown也是一種標(biāo)記語言，與HTML有著類似的效果功能，同時在markdown中還支持HTML標(biāo)簽語法。廢話不多說，直接上干貨！

markdown基本文章結(jié)構(gòu)

0、目錄

在需要目錄出現(xiàn)的地方放置一個標(biāo)記，自動生成嵌套包含所有標(biāo)題的列表，標(biāo)記：[TOC]。

1、標(biāo)題

用#的個數(shù)表示幾級標(biāo)題，#與標(biāo)題之間至少一個空格，有1到6級標(biāo)題；

在標(biāo)題下面使用任意個===符號表示一級標(biāo)題，使用任意個---符號表示二級標(biāo)題。

2、列表

無序列表，使用-、+、*表示，至少一個空格；

有序列表，使用數(shù)字加英文.表示，至少一個空格。

小提示：在使用列表時，只要是數(shù)字后面加上英文的點，就會無意間產(chǎn)生列表，比如2017.12.30 這時候想表達的是日期，有些軟件把它被誤認為是列表。解決方式：在每個點前面加上\就可以了。

3、引用

引用以>來表示，引用中支持多級引用、標(biāo)題、列表、代碼塊、分割線等常規(guī)語法。

4、文字樣式

2個*代表加粗，1個*代表斜體，~~代表刪除，都是一對標(biāo)簽，前后都要有；

3個*或者-表示加粗斜體，刪除是指由中間劃線；

字體上標(biāo)（superscript）和下標(biāo)（subscript ）<sup><sup>、<sub><sub>。

5、圖片與鏈接（Images & Links）

圖片與鏈接的語法很像，區(qū)別在一個 ! 號。

小提示：Markdown 不能設(shè)置圖片大小，如果必須設(shè)置則應(yīng)使用HTML標(biāo)記 <img>；

圖片：![]() ；

鏈接：[]() [鏈接描述](鏈接的地址)。

6、代碼引用，預(yù)覽支持語法高亮顯示，形式如下

``` C

C語言源代碼

```

行內(nèi)式：如果在一個行內(nèi)需要引用代碼，只要用反引號`引起來就好（一般在ESC鍵下方，和~同一個鍵）。

7.表格（Tables）

表格對齊格式，居左：:----；居中：:----:或-----；居右：----:。

8、分割線

使用***符號獨自在一行，不能有其他字符，處理空格之外；

___三個下劃線在一行；

用三個以上的星號(*)、減號(-)、底線(_)來建立一個分隔線。

小提示：Markdown 可以利用反斜杠\來插入一些在語法中有其它意義的符號，轉(zhuǎn)義字符。

9、自動連接

Markdown 支持以比較簡短的自動鏈接形式來處理網(wǎng)址和電子郵件信箱，只要是用<>包起來， Markdown 就會自動把它轉(zhuǎn)成鏈接。也可以直接寫，也是可以顯示成鏈接形式的，直接寫URL鏈接。

10、 換行

方法1: 連續(xù)兩個以上空格+回車 ；

方法2：使用html語言換行標(biāo)簽：<br>。

11、錨點

錨點其實就是頁內(nèi)超鏈接。比如我這里寫下一個錨點，點擊回到目錄，就能跳轉(zhuǎn)到目錄。 在目錄中點擊這一節(jié)，就能跳過來。語法說明： 在你準備跳轉(zhuǎn)到的指定標(biāo)題后插入錨點{#標(biāo)記}，然后在文檔的其它地方寫上連接到錨點的鏈接。

12、注腳

語法說明： 在需要添加注腳的文字后加上腳注名字[^注腳名字],稱為加注。 然后在文本的任意位置(一般在最后)添加腳注，腳注前必須有對應(yīng)的腳注名字。腳注自動被搬運到最后面，請到文章末尾查看，并且腳注后方的鏈接可以直接跳轉(zhuǎn)回到加注的地方。

13、首行縮進兩個字符：(每個表示一個空格，連續(xù)使用兩個即可）

方法一： 半角的空格；

方法二： 全角的空格

14、使用LaTex數(shù)學(xué)公式

方法1.行內(nèi)公式：使用兩個”$”符號引用公式:

輸入latex公式：$E=mc^2$；

方法2.行間公式：使用兩對“$$”符號引用公式：

輸入latex公式：$\sqrt{x^{2}}$ 。