为什么要使用markDown
1.使用优快云的时候,写的太丑了
2.使用github的时候,感觉内个README.md文件有有意思
于是,就是学一下markDown试试
开发的环境--直接在webstorm上面,下一个插件就好(不需要太多的准备的)
===========================================
基础的语法:
1.标题的设置:
在文字的开头使用
'#'+' ':
1.空格是不可以省略的
2.几级标题就使用几个'#'
2.首行缩进:
1.全角的状态下,直接使用空格就可以
2.半角的状态下,使用html的
3.引用文字
> 引用的文字 使用回车结束(换行就好)
4.斜体和粗体:
代码:
*这是一段斜体文字*
**这是一段粗体文字**
_这是一段斜体文字_
__这是一段粗体文字__
需要注意的地方:
1.不要使用空格
2.粗体只是体现在英文字母上面
5.分割线:
***
注意:
在分割线的一行上面,不可以写东西
6.删除线:
~~中间是删除的内容~~
7.无序列表
'*'+' ':
'+'+' ':
'-'+' ':
这三种方式都是可以的
注意:
要使用空格隔开
8.有序列表:
数字+'.'+' ':
依然是需要有空格的
9.链接:
行内的写法:
[a标签的内容](a 标签的href属性值)
参考式的链接:
[a标签的内容][1]
这里,必须是换行(换几行也可以)--这俩了货不可以挨着写
[1]:http;www.baidu.com
注意:
这种方法,就是类似于给href的值,一个变量
这个1,是一个id值,全局不可以重复的
不管你是页面的图片还是视频,还是链接(反正是唯一的)
代码:
[行内的a标签](http://www.baidu.com) <br>
[参考的样式][id]
[id]:http:www.baidu.com
10.图片的引用:
代码:
![参考方式的图片][a]
[a]: https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/newmusic/img/default_8a5b42b2.png
同样,也是分为两种方式的:
1.参考的样式
2.行内的样式
11.插入视频:
这个,厉害了(使用的iframe标签)
使用的其实还是html
代码:
<iframe width="560" height="315" src="https://www.youtube.com/embed/1eTj_TGJMvw" frameborder="0" allowfullscreen></iframe>
我也不知道为什么不可以:
<iframe width="560" height="315" src="http://v6-tt.ixigua.com/video/m/22010d08df1fe8946e7bbd6f8206f22b988115119370000841d3e8e7bed/?Expires=1517412354&AWSAccessKeyId=qh0h9TdcEMoS2oPj7aKX&Signature=FYRKoSpkTm79qPIGNI1uC1yOJI0%3D" frameborder="0" allowfullscreen></iframe>
之后再看吧:
使用的不是特别的多
12.使用表格
空行
th1|th2|th3
-------------|-----------|---------|
表格1|表格2|表格3
表格1|表格2|表格3
注意:
对空格好像没有什么要求
但是,前面的空行是必须的
===========================================================
markDown的高级语法:
1.代码区块:(单行的代码块)
'`':的使用
在ES6里面有这种的用法:
` 里面是字符串了,可以有标签,可以有换行 `
感觉类似于<pre>标签的意思
代码:
`<html></html>`
2.代码块的写法2(多行的代码块)
```
你的代码
```
代码:
```
<p>这是我的代码</p>
```
3.反斜杠:
转义字符的使用 '/'
代码:
\*这是需要强调的部分\*
比较:
\* 转义字符
* 转义字符我不需要列表的,于是就有了转义字符
==========================================
3.一些常用的html标签;
1.文字居中
center标签的使用
2.快速的排版(没必要看,就是html的部分了)
段落或图片分成两列或是三列排版，可以用<div>或<table>标签来实现。格式如下：
两栏的版式：图片宽度取7cm ,dpi:150
第一种：
<div class="pull-left">图片url</div>这是文字部分
例如：
<div class="pull-left">http://www.scisan.com/wp-content/uploads/2017/07/vmall.jpg</div>最近华为商城请了胡歌代言，销量也是直线上升啊。
第二种：
<table>
<tr>
<td >图片URL地址</td>
<td>文本部分</td>
</tr>
</table>
三栏的版式 图片宽度取5cm ,dpi:150
<table>
<tr>
<td >图片URL地址</td>
<td>文本部分</td>
<td>文本部分</td>
</tr>
</table>
3. 其它支持的标签(都是兼容的---这一大波解说)
（1）<h1>这是标题</h1>
（2）<br/> 换行
（3）<hr/>水平线
（4）<b>这是粗体</b>
（5）<del>删除的文本</del>
（6）<code>代码块<div></code>
（7）<strong>加强的文本</strong>
（8）<em>这是强调</em>
（9）<i>这是斜体</i>
（10）<blockquote>引用的文本</blockquote>
（11）<a href="www.baidu.com">百度</a>
1.使用优快云的时候,写的太丑了
2.使用github的时候,感觉内个README.md文件有有意思
于是,就是学一下markDown试试
开发的环境--直接在webstorm上面,下一个插件就好(不需要太多的准备的)
===========================================
基础的语法:
1.标题的设置:
在文字的开头使用
'#'+' ':
1.空格是不可以省略的
2.几级标题就使用几个'#'
2.首行缩进:
1.全角的状态下,直接使用空格就可以
2.半角的状态下,使用html的
3.引用文字
> 引用的文字 使用回车结束(换行就好)
4.斜体和粗体:
代码:
*这是一段斜体文字*
**这是一段粗体文字**
_这是一段斜体文字_
__这是一段粗体文字__
需要注意的地方:
1.不要使用空格
2.粗体只是体现在英文字母上面
5.分割线:
***
注意:
在分割线的一行上面,不可以写东西
6.删除线:
~~中间是删除的内容~~
7.无序列表
'*'+' ':
'+'+' ':
'-'+' ':
这三种方式都是可以的
注意:
要使用空格隔开
8.有序列表:
数字+'.'+' ':
依然是需要有空格的
9.链接:
行内的写法:
[a标签的内容](a 标签的href属性值)
参考式的链接:
[a标签的内容][1]
这里,必须是换行(换几行也可以)--这俩了货不可以挨着写
[1]:http;www.baidu.com
注意:
这种方法,就是类似于给href的值,一个变量
这个1,是一个id值,全局不可以重复的
不管你是页面的图片还是视频,还是链接(反正是唯一的)
代码:
[行内的a标签](http://www.baidu.com) <br>
[参考的样式][id]
[id]:http:www.baidu.com
10.图片的引用:
代码:
![参考方式的图片][a]
[a]: https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/newmusic/img/default_8a5b42b2.png
同样,也是分为两种方式的:
1.参考的样式
2.行内的样式
11.插入视频:
这个,厉害了(使用的iframe标签)
使用的其实还是html
代码:
<iframe width="560" height="315" src="https://www.youtube.com/embed/1eTj_TGJMvw" frameborder="0" allowfullscreen></iframe>
我也不知道为什么不可以:
<iframe width="560" height="315" src="http://v6-tt.ixigua.com/video/m/22010d08df1fe8946e7bbd6f8206f22b988115119370000841d3e8e7bed/?Expires=1517412354&AWSAccessKeyId=qh0h9TdcEMoS2oPj7aKX&Signature=FYRKoSpkTm79qPIGNI1uC1yOJI0%3D" frameborder="0" allowfullscreen></iframe>
之后再看吧:
使用的不是特别的多
12.使用表格
空行
th1|th2|th3
-------------|-----------|---------|
表格1|表格2|表格3
表格1|表格2|表格3
注意:
对空格好像没有什么要求
但是,前面的空行是必须的
===========================================================
markDown的高级语法:
1.代码区块:(单行的代码块)
'`':的使用
在ES6里面有这种的用法:
` 里面是字符串了,可以有标签,可以有换行 `
感觉类似于<pre>标签的意思
代码:
`<html></html>`
2.代码块的写法2(多行的代码块)
```
你的代码
```
代码:
```
<p>这是我的代码</p>
```
3.反斜杠:
转义字符的使用 '/'
代码:
\*这是需要强调的部分\*
比较:
\* 转义字符
* 转义字符我不需要列表的,于是就有了转义字符
==========================================
3.一些常用的html标签;
1.文字居中
center标签的使用
2.快速的排版(没必要看,就是html的部分了)
段落或图片分成两列或是三列排版，可以用<div>或<table>标签来实现。格式如下：
两栏的版式：图片宽度取7cm ,dpi:150
第一种：
<div class="pull-left">图片url</div>这是文字部分
例如：
<div class="pull-left">http://www.scisan.com/wp-content/uploads/2017/07/vmall.jpg</div>最近华为商城请了胡歌代言，销量也是直线上升啊。
第二种：
<table>
<tr>
<td >图片URL地址</td>
<td>文本部分</td>
</tr>
</table>
三栏的版式 图片宽度取5cm ,dpi:150
<table>
<tr>
<td >图片URL地址</td>
<td>文本部分</td>
<td>文本部分</td>
</tr>
</table>
3. 其它支持的标签(都是兼容的---这一大波解说)
（1）<h1>这是标题</h1>
（2）<br/> 换行
（3）<hr/>水平线
（4）<b>这是粗体</b>
（5）<del>删除的文本</del>
（6）<code>代码块<div></code>
（7）<strong>加强的文本</strong>
（8）<em>这是强调</em>
（9）<i>这是斜体</i>
（10）<blockquote>引用的文本</blockquote>
（11）<a href="www.baidu.com">百度</a>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
