摘要：#六、Lesson: 鏈接==================================1.語(yǔ)法:-------[鏈接文本](href屬性的url地址,title的提示信息)2.實(shí)戰(zhàn):------<a href="url" title="">php中文網(wǎng)</a>[php中文網(wǎng)](http://ipnx.cn/, '
#六、Lesson: 鏈接
==================================
1.語(yǔ)法:
-------
[鏈接文本](href屬性的url地址,title的提示信息)
2.實(shí)戰(zhàn):
------
<a href="url" title="">php中文網(wǎng)</a>
[php中文網(wǎng)](http://ipnx.cn/, '國(guó)內(nèi)最大的php學(xué)習(xí)平臺(tái)')
<!-- 如果想更精準(zhǔn)的控制鏈接,請(qǐng)使用<a>標(biāo)簽 -->
<a href="http://ipnx.cn/" title="公益/實(shí)用/分享" target="_blank"></a>
------------------------------------------------------------------
3.總結(jié):
- 站外鏈接地址具有風(fēng)險(xiǎn),請(qǐng)確保url總是有效
- 不同瀏覽器對(duì)鏈接的渲染會(huì)略有區(qū)別,使用時(shí)請(qǐng)留意
#七、Lesson: 強(qiáng)調(diào)
==================================
1.語(yǔ)法:
-------
- 語(yǔ)法1: 被1個(gè)星號(hào)\*或\_包圍的內(nèi)容,會(huì)以斜體表示,轉(zhuǎn)為< em >標(biāo)簽
- 語(yǔ)法2: 被2個(gè)星號(hào)\*或\_包圍的內(nèi)容,會(huì)以粗體表示,轉(zhuǎn)為< strong >標(biāo)簽
-------------------------------------------------------------------
2.實(shí)戰(zhàn):
------
<!-- 注意: 使用下劃線時(shí),前后一定要添加空格,否則不能正確解析 -->
**Markdown**是一種可以使用 __簡(jiǎn)單__ 的標(biāo)記語(yǔ)法書寫具有*HTML*的格式的 _書寫_ 工具
------------------------------------------------------------------
3.總結(jié):
推薦使用一個(gè)或二個(gè)星號(hào)表示強(qiáng)調(diào),因?yàn)榭梢院雎钥崭竦挠绊?br/>
#八、Lesson: 列表
=================
------------------------------------------------------------------
1.語(yǔ)法:
-------
- 無(wú)序列表: 用1個(gè)星號(hào)\*或加號(hào)\+或減\-,并以空格與列表項(xiàng)隔開,轉(zhuǎn)為< ul >標(biāo)簽
- 有序列表: 被1個(gè)數(shù)字開始,并以空格與列表項(xiàng)隔開,轉(zhuǎn)為< ol >標(biāo)簽
-------------------------------------------------------------------
2.實(shí)戰(zhàn):
------
<!-- 其實(shí)我們前面已經(jīng)使用過列表了,這里做一個(gè)總結(jié) -->
- 前端開發(fā)工具
+ html5 標(biāo)記語(yǔ)言
+ css3 樣式表
+ javascript 前端腳本
+ 流行的函數(shù)庫(kù)或開發(fā)框架
* jQuery
* Vue.js
* Node.js
+ Webpack 前端資源打包轉(zhuǎn)換器
1. 后端開發(fā)語(yǔ)言
1. php 流行的Web開發(fā)語(yǔ)言
2. python 通用編程語(yǔ)言
3. java 通用編程語(yǔ)言
<!-- 注意:如果有序列表的內(nèi)容始終處于更新當(dāng)中,建議只指明開始的序號(hào)即可,后面序號(hào)自動(dòng)生成 -->
- 商品分類
1. 家用電器
0. 電腦配件
0. 周邊設(shè)備
0. 手機(jī)數(shù)碼
0. 服裝百貨
------------------------------------------------------------------
3.總結(jié):
- 無(wú)序列表的三種標(biāo)記,可根據(jù)縮進(jìn)級(jí)別自動(dòng)填充
- 實(shí)際工作中,有序列表用得不多,如果條件允許,盡可能使用無(wú)序列表完成
#九、Lesson: 表格
=================
------------------------------------------------------------------
1.語(yǔ)法:
-------
- 表格是數(shù)據(jù)格式化的重要工具,Markdown是使用減號(hào)\-和豎線\|畫出表格的
- 表格中的數(shù)據(jù)對(duì)齊方式是使用冒號(hào)(:)控制的
-------------------------------------------------------------------
2.實(shí)戰(zhàn):
------
|id|name|age|sex|salary|
-|-|:-:|-|-:
|1|Peter|28|male|3900|
|2|Zhu|38|male|9900|
|3|Lee|32|female|6700|
<!-- 表格由thead表頭和tbody表格主體二部分組成,默認(rèn)自帶樣式且不可改變 -->
<!-- 表頭與主體的分隔區(qū)的橫線,即減號(hào),數(shù)量并不限制,多個(gè)也行,但至少要有一個(gè)即可 -->
<!-- 單元格內(nèi)容默認(rèn)為左對(duì)齊,只需要改變冒號(hào)的位置就可以實(shí)現(xiàn)對(duì)齊方式的改變 -->
------------------------------------------------------------------
3.總結(jié):
- 表格在不同的解釋器中,渲染效果差異較大,請(qǐng)?jiān)敿?xì)了解編輯器的說明
- Markdown中的表格是硬生生手繪出來的,樣式比較單一,如果想顯示更加美觀,可以用table標(biāo)簽實(shí)現(xiàn)
#十、Lesson: 圖片
==================================
1.語(yǔ)法:
-------
- 圖片的語(yǔ)法與鏈接非常相似,只需要在前面添加一個(gè)\!嘆號(hào)即可
- 
-------------------------------------------------------------------
2.實(shí)戰(zhàn):
------
良,肉質(zhì)可口')
<!-- 文本:可愛的狗狗,當(dāng)圖片被禁止或者不能顯示的時(shí)候會(huì)顯示 -->
<!-- 圖片是不是有點(diǎn)太大了,很遺憾,Markdown不支持調(diào)整圖片大小,請(qǐng)用img標(biāo)簽調(diào)整 -->
<img src="dog.jpg" width="200">
<!-- 更多時(shí)候,你可能想給圖片加一個(gè)鏈接,很簡(jiǎn)單,只需要將鏈接文本換成圖片即可 -->
<!-- 第一步: 創(chuàng)建鏈接 -->
<!-- [](http://ipnx.cn "php中文網(wǎng)") -->
<!-- 第二步:將圖片插入到鏈接文本中 -->
[良,肉質(zhì)可口')](http://ipnx.cn "php中文網(wǎng)")
------------------------------------------------------------------
3.總結(jié):
- 圖片在使用前,請(qǐng)先按顯示比例和大小調(diào)整好,因?yàn)镸arkdown暫不支持圖片大小設(shè)置
批改老師：韋小寶批改時(shí)間：2018-12-21 14:39:10
老師總結(jié)：寫的很不錯(cuò)！掌握了Markdown語(yǔ)法我們就可以輕輕松松的寫一份完美的筆記了！