Markdown笔记

Original 2018-12-21 14:21:01 277
abstract:#六、Lesson: 链接==================================1.语法:-------[链接文本](href属性的url地址,title的提示信息)2.实战:------<a href="url" title="">php中文网</a>[php中文网](http://www.php.cn/, '

#六、Lesson: 链接
==================================



1.语法:
-------
[链接文本](href属性的url地址,title的提示信息)


2.实战:
------
<a href="url" title="">php中文网</a>

[php中文网](http://www.php.cn/, '国内最大的php学习平台')

<!-- 如果想更精准的控制链接,请使用<a>标签 -->
<a href="http://www.php.cn/" title="公益/实用/分享" target="_blank"></a>

------------------------------------------------------------------

3.总结:

- 站外链接地址具有风险,请确保url总是有效
- 不同浏览器对链接的渲染会略有区别,使用时请留意



#七、Lesson: 强调
==================================



1.语法:
-------
- 语法1: 被1个星号\*或\_包围的内容,会以斜体表示,转为&lt; em &gt;标签
- 语法2: 被2个星号\*或\_包围的内容,会以粗体表示,转为&lt; strong &gt;标签

-------------------------------------------------------------------

2.实战:
------
<!-- 注意: 使用下划线时,前后一定要添加空格,否则不能正确解析 -->
**Markdown**是一种可以使用 __简单__ 的标记语法书写具有*HTML*的格式的 _书写_ 工具


------------------------------------------------------------------

3.总结:
推荐使用一个或二个星号表示强调,因为可以忽略空格的影响

#八、Lesson: 列表
=================

------------------------------------------------------------------

1.语法:
-------
- 无序列表: 用1个星号\*或加号\+或减\-,并以空格与列表项隔开,转为&lt; ul &gt;标签
- 有序列表: 被1个数字开始,并以空格与列表项隔开,转为&lt; ol &gt;标签

-------------------------------------------------------------------

2.实战:
------
<!-- 其实我们前面已经使用过列表了,这里做一个总结 -->
- 前端开发工具
    + html5 标记语言
    + css3 样式表
    + javascript 前端脚本
    + 流行的函数库或开发框架
        * jQuery
        * Vue.js
        * Node.js
    + Webpack 前端资源打包转换器

1. 后端开发语言
    1. php 流行的Web开发语言
    2. python 通用编程语言
    3. java 通用编程语言

<!-- 注意:如果有序列表的内容始终处于更新当中,建议只指明开始的序号即可,后面序号自动生成 -->

- 商品分类
    1. 家用电器
    0. 电脑配件
    0. 周边设备
    0. 手机数码
    0. 服装百货

------------------------------------------------------------------

3.总结:
- 无序列表的三种标记,可根据缩进级别自动填充
- 实际工作中,有序列表用得不多,如果条件允许,尽可能使用无序列表完成

#九、Lesson: 表格
=================

------------------------------------------------------------------

1.语法:
-------
- 表格是数据格式化的重要工具,Markdown是使用减号\-和竖线\|画出表格的
- 表格中的数据对齐方式是使用冒号(:)控制的

-------------------------------------------------------------------

2.实战:
------


|id|name|age|sex|salary|
 -|-|:-:|-|-:
|1|Peter|28|male|3900|
|2|Zhu|38|male|9900|
|3|Lee|32|female|6700|


<!-- 表格由thead表头和tbody表格主体二部分组成,默认自带样式且不可改变 -->
<!-- 表头与主体的分隔区的橫线,即减号,数量并不限制,多个也行,但至少要有一个即可 -->
<!-- 单元格内容默认为左对齐,只需要改变冒号的位置就可以实现对齐方式的改变 -->

------------------------------------------------------------------

3.总结:
- 表格在不同的解释器中,渲染效果差异较大,请详细了解编辑器的说明
- Markdown中的表格是硬生生手绘出来的,样式比较单一,如果想显示更加美观,可以用table标签实现


#十、Lesson: 图片
==================================

1.语法:
-------
- 图片的语法与链接非常相似,只需要在前面添加一个\!叹号即可
- ![提示文本](图片地址/url 'title提示')
-------------------------------------------------------------------

2.实战:
------

![可爱的狗狗](dog.jpg '品种优良,肉质可口')

<!-- 文本:可爱的狗狗,当图片被禁止或者不能显示的时候会显示 -->
<!-- 图片是不是有点太大了,很遗憾,Markdown不支持调整图片大小,请用img标签调整 -->
<img src="dog.jpg" width="200">

<!-- 更多时候,你可能想给图片加一个链接,很简单,只需要将链接文本换成图片即可 -->
<!-- 第一步: 创建链接 -->
<!-- [](http://www.php.cn "php中文网") -->
<!-- 第二步:将图片插入到链接文本中 -->
[![可爱的狗狗](dog.jpg '品种优良,肉质可口')](http://www.php.cn "php中文网")

------------------------------------------------------------------

3.总结:
- 图片在使用前,请先按显示比例和大小调整好,因为Markdown暂不支持图片大小设置

Correcting teacher:韦小宝Correction time:2018-12-21 14:39:10
Teacher's summary:写的很不错!掌握了Markdown语法我们就可以轻轻松松的写一份完美的笔记了!

Release Notes

Popular Entries