摘要:Lesson08: 链接1.语法:[链接文本](href属性的url地址,title的提示信息)2.实战:<a href="url" title="">php中文网</a>[php中文网](http://www.php.cn/, '国内最大的php学习平台')<!-- 如果想更精准的控制链接,请使用<a&g
Lesson08: 链接
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">
3.总结:
- 站外链接地址具有风险,请确保url总是有效
- 不同浏览器对链接的渲染会略有区别,使用时请留意
Lesson09: 强调
1.语法:
- 语法1: 被1个星号\*或\_包围的内容,会以斜体表示,转为< em >标签
- 语法2: 被2个星号\*或\_包围的内容,会以粗体表示,转为< strong >标签
2.实战:
<!-- 注意: 使用下划线时,前后一定要添加空格,否则不能正确解析 -->
**Markdown**是一种可以使用 __简单__ 的标记语法书写具有*HTML*的格式的 _书写_ 工具3.总结:
推荐使用一个或二个星号表示强调,因为可以忽略空格的影响
Lesson10: 列表
1.语法:
- 无序列表: 用1个星号\*或加号\+或减\-,并以空格与列表项隔开,转为< ul >标签
- 有序列表: 被1个数字开始,并以空格与列表项隔开,转为< ol >标签
2.实战:
<!-- 其实我们前面已经使用过列表了,这里做一个总结 -->
- 前端开发工具
+ html5 标记语言
+ css3 样式表
+ javascript 前端脚本
+ 流行的函数库或开发框架
* jQuery
* Vue.js
* Node.js
+ Webpack 前端资源打包转换器
1. 后端开发语言
1. php 流行的Web开发语言
2. python 通用编程语言
3. java 通用编程语言
<!-- 注意:如果有序列表的内容始终处于更新当中,建议只指明开始的序号即可,后面序号自动生成 -->
- 商品分类
1. 家用电器
0. 电脑配件
0. 周边设备
0. 手机数码
0. 服装百货
3.总结:
- 无序列表的三种标记,可根据缩进级别自动填充
- 实际工作中,有序列表用得不多,如果条件允许,尽可能使用无序列表完成
Lesson11: 表格
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标签实现
Lesson11: 图片
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暂不支持图片大小设置
批改老师:天蓬老师批改时间:2018-12-08 08:45:01
老师总结:markdown是html的简写语法,一般来说,html中有什么,markdown就有什么,但是图片是个例外,只能添加,暂不能设置大小,除非用css或html代码