工欲善其事际插，必先利其器凛辣！正式開始Html5+css3+JS之前薄扁，老師介紹了一款記筆記神器：簡(jiǎn)書划纽。它是一款基于markdown語(yǔ)法的記事本脆侮。有點(diǎn)像TXT文檔被“html”添加了語(yǔ)義。當(dāng)然markdown是一個(gè)極其基礎(chǔ)的語(yǔ)法勇劣，需要極少的時(shí)間成本我們就能擁有編輯一個(gè)漂亮的編輯界面的能力。在今天的筆記中主要是從兩個(gè)方面記錄第一天的學(xué)習(xí)內(nèi)容：
(1) markdown語(yǔ)法的簡(jiǎn)單梳理潭枣；
(2) html發(fā)展以及簡(jiǎn)單的幾個(gè)標(biāo)簽比默；
…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·
1、 markdown語(yǔ)法的簡(jiǎn)單梳理:
對(duì)于markdown語(yǔ)法的梳理盆犁，常用的內(nèi)容包含一下幾個(gè)類別：
- 文字首行縮進(jìn)命咐、換行、標(biāo)題大小谐岁、粗體醋奠、斜體榛臼；
- 列表、代碼塊窜司、引用沛善；
- 插入圖片與鏈接；
- 常用字符分割線塞祈；
- 字體金刁、大小、顏色议薪、背景顏色尤蛮；（結(jié)合HTML使用）
1.1.1：首行縮進(jìn)(每個(gè)表示一個(gè)空格，連續(xù)使用兩個(gè)即可）：
-
 半角的空格 -
 全角的空格
1.1.2 換行：
連續(xù)兩個(gè)以上空格+回車
1.1.3 標(biāo)題大兴挂椤：
1.1.4 粗體产捞、斜體：
Markdown 的粗體和斜體也非常簡(jiǎn)單，用兩個(gè)* 包含一段文本就是粗體的語(yǔ)法哼御，用一個(gè)*包含一段文本就是斜體的語(yǔ)法坯临。
…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·
1.2.1：表格：
表格是我覺得 Markdown 比較累人的地方，例子如下：
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
通過這樣的語(yǔ)法可以生成如下效果：
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
1.2.2：代碼塊：
因?yàn)槁殬I(yè)原因艇搀，我們會(huì)經(jīng)常展示一些代碼塊尿扯，這個(gè)時(shí)候我們只需要在需要展示的代碼塊前面和后面加上```即可。
1.2.3：引用：
如果我們想在文章中引用別人的內(nèi)容焰雕，這個(gè)時(shí)候用可以在需要引用的內(nèi)容前面添加>符號(hào)即可衷笋。
…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·
1.3.1：插入圖片：
圖片插入格式：！[]()：中括號(hào)內(nèi)容用來說明圖片名稱矩屁，小括號(hào)內(nèi)容填寫圖片url辟宗；
超鏈接格式：[]()：中括號(hào)內(nèi)容用來說明超鏈接顯示文字，小括號(hào)內(nèi)容填寫超鏈接url吝秕；
1.4：分隔符（字符類）：
┄┅┄┅┄┅┄┅┄°┄┅┄┅┄┅┄┅┄°┄┅┄┅
…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·
┉┉∞ ∞┉┉┉┉∞ ∞┉┉┉∞ ∞┉┉┉┉∞ ∞┉┉┉┉┉∞ ∞
…┉═∞═…┉═∞═…┉═∞═…┉═∞═…┉═∞═…┉═∞═
┈━═┈━═┈━═┈━═┈━═☆泊脐、┈━═┈━═┈━═┈━═┈━═☆、
━━●●━━━━━━━━━━━━━●●━━━━━━━━━━━━━●●━━
●═════════════●●═══════════════●
▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂﹏▂
━═━═━◥◤━═━═━━═━═━◥◤━═━═━━═━═━◥◤━═━═━
●∞ ∞●∞ ∞●∞ ∞● ●∞ ∞●∞ ∞●∞ ∞● ●∞ ∞●∞ ∞●∞ ∞●
██￣██ ██￣██ ██￣██ ██￣██ █__█￣█
┾━┾━━━━┄·┾━┾━━━━┄·┾━┾━━━━┄·┾━┾━━━━┄
▂▂▂▂▂▂◎烁峭。▂▂▂▂▂▂◎容客。▂▂▂▂▂▂◎。▂▂▂▂▂▂◎约郁。▂▂▂▂
の┅∞┉の┅∞●の┅∞┉の┅∞の┅∞┉の┅∞●の┅∞┉の┅∞の┅∞
━┉… ●━━……━━● …┉━━┉… ●━━……━━● …┉━━┉… ●━━
…·～·…οΟ○の○Οο…·～·……·～·…οΟ○の○Οο…·
."".·°∴☆…·…·…·…·…·…·…·☆．．·°"". ."".·°∴
＊═—═—═—＊＊═—═—═—＊＊═—═—═—＊＊═—═—═—＊＊═—═
-------∽-★-∽------∽-★-∽---------------∽-★-∽------∽-★-∽--------
□■□■□■□■□■□■□■□■□■□■□□■□■□■□■□■□■□■□
╰☆╮╰★╮╰☆╮╰★╮╰☆╮╰★╮╰☆╮╰★╮
＊═—═—═—＊の＊═—═—═—＊＊═—═—═—＊の＊═—═—═
→☆→☆→☆→☆→←★←★←★←★←★←→☆→☆→☆→☆→←★←★←★
╠═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬═╬╣
★☆·☆.∴★*∴*·∴★∴★☆·☆.∴★★☆·☆.~∴~★
◆┈┈┈┈┈┈┈┈┈◆┈┈┈┈┈┈┈┈┈◆┈┈┈┈┈┈┈┈┈
╊═┉∞ ∞┉═∞ ∞┉═╪╊═┉∞ ∞┉═∞ ∞┉═╪╊═┉∞ ∞┉═∞
╳¨◆╳¨◇╳¨◆╳¨◇╳¨◆╳¨◇╳¨◆╳¨◇╳¨◆╳¨◇╳¨◆╳¨◇
§┈┅┈§┈┅┈§┈┅┈§┈┅┈§┈┅┈§┈┅┈§§┈┅┈§┈┅┈§┈┅┈§
.?●??.?.:.?●??.?.:.?●??.?.:.?●??.?.:.?●??.?.:.?●??.?.:.?
☆?:′¨*:?.☆?:*′¨:?.☆?:′¨*:?.☆?:*′¨:?.☆?:′¨`:?.☆?:*′¨
▍|▍▍||▍|▍|▍▍||▍|▍|▍▍||
●∞ ∞●∞ ∞●∞ ∞● ∞ ∞●∞ ∞●∞ ∞●
┍‘●●●●●●’┒
╰●●●●●●●╯
."".""."".""..""."".."".*
◣◤◥◢◣◤◥◢◣◥◢◣◤◥◢◣◤◥◢◣◤◥◢◣◤◥◢◣◤◥◢◣◤◥◢
??????????????????????????????
??????????????????????????????
△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲△▲
▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼
??????????????????????????????????????????????????????
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
==========?==========?==========?==========
—————?—————?—————?—————?—————?—————
1.5.1： 字體缩挑、大小、顏色：
<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩云</font>
<font color=#0099ff size=7 face="黑體">color=#0099ff size=72 face="黑體"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>
Size：規(guī)定文本的尺寸大小鬓梅」┲茫可能的值：從 1 到 7 的數(shù)字。瀏覽器默認(rèn)值是 3
1.5.2： 背景顏色：
<table><tr><td bgcolor=orange>背景色是：orange</td></tr></table>
????注意：第五類特性在目前簡(jiǎn)書中是不能使用的绽快，但是這些也算是markdown的語(yǔ)法芥丧，這個(gè)語(yǔ)法與html早期的編寫規(guī)則十分相似紧阔。這種寫法在其他的編輯器，比如CSDN-markdown中就能使用续担，作為了解即可擅耽。
2、 html發(fā)展以及簡(jiǎn)單的幾個(gè)標(biāo)簽：
html：本尊叫做HyperText Markup Language赤拒，翻譯成不能意會(huì)的中文名稱就叫做超文本傳輸協(xié)議秫筏。也就是在網(wǎng)頁(yè)上可以呈現(xiàn)給大家圖片、鏈接挎挖、音樂这敬、程序等等元素。它誕生于1993年蕉朵。后來經(jīng)過1代崔涂、2代、3代始衅、4代冷蚂，發(fā)展到今天的5代。它的標(biāo)準(zhǔn)主要由W3C來發(fā)布汛闸，幾個(gè)大的瀏覽器廠商來控制蝙茶。這幾大瀏覽器主要是指谷歌、火狐诸老、IE隆夯、歐朋、Safri别伏。我們以后在進(jìn)一步學(xué)習(xí)html蹄衷，css和JS的過程中，避免不了的一個(gè)問題就是寫一個(gè)程序厘肮，需要考慮各個(gè)廠家的兼容性問題愧口。這個(gè)炒蛋的問題只有等到世界大一統(tǒng)才能解決了。不過隨著H5時(shí)代的來臨类茂，程序員的春天也來了耍属，所以接下來的事情，就是埋頭苦學(xué)巩检，爭(zhēng)取早日苦盡甘來了恬涧。
- html的基本格式：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
2.快捷鍵：
- 創(chuàng)建文件：Ctrl + Alt + ins
- 書寫標(biāo)簽：標(biāo)簽名稱+Tab（或者回車鍵）
- 跳到本行最前面：home鍵
- 跳到本行最后面：end鍵
- 復(fù)制光標(biāo)所在的行：Ctrl + d
- 多行編輯：Alt鍵+按鼠標(biāo)左鍵向下滾動(dòng)
- 給文字添加標(biāo)簽：Ctrl + Alt +t
3.基本標(biāo)簽：
3.1 H標(biāo)簽：將標(biāo)題大小分為6個(gè)級(jí)別，1最大碴巾，6最小。
3.2 P標(biāo)簽：將一段文字添加上段落的語(yǔ)義丑搔。
3.3 hr標(biāo)簽：寫法可以是hr或者/hr厦瓢，給上下面添加一條橫線提揍，企業(yè)開發(fā)中很少使用。
