markdown简易教程

markdown简易教程

Author:zfs

markdown快速入门:传送门

首先需要了解html的标签组织形式。

标签结构并不复杂,形如此种结构:<html attr> content </html>

开标签 <html>
属性区 attr
内容区 content
闭合标签 </html>

当然标签也是可以相互嵌套在其内容区域的。

各种标签有其相应的功能,如a超链接标签,ul无序列表标签,ol有序列表标签等等。

markdown透明了中间的过程,会把特定格式的语法转为前端标签的形式。

下面开始介绍几种贼拉好用的语法:

1) =-分别控制最高阶标题和第二阶标题,主要区别在于字体大小和分隔符 对应h1和h2标签

dadadadada
=

效果:

dadadadada

dadadadada
-

效果:

dadadadada

2) # 标题h1~h6 #的个数对应1-6个 对应h1~h6标签

#haha

效果:

haha

##haha

效果:

haha

###haha

效果:

haha

依次推。。。

3) *_**__ 调整字体斜体加粗 对应em和strong标签

*斜体*

效果:

斜体

**粗体**

效果:

粗体

4) +空格-空格*空格 控制无序列表 对应ul标签

+ 打开冰箱门
- 把大象装进冰箱
* 关上冰箱门

效果:

  • 打开冰箱门
  • 把大象装进冰箱
  • 关上冰箱门

5) 1.空格``2.空格``3.空格控制有序列表 对应ol标签

1. 打开冰箱门
2. 把大象装进冰箱
3. 关上冰箱门

效果:

  1. 打开冰箱门
  2. 把大象装进冰箱
  3. 关上冰箱门

6) > 控制区块效果 对应blockquote标签

>出来吧大象
>能吃了嘛

效果:

出来吧大象
能吃了嘛

7) tab键或四个空格 用来划分代码块 对应pre标签

tab键跟上的内容

效果:

跟上的内容

8) []() 超链接 对应a标签

[zfs](https://www.zhangfengshuo.top)

效果:

zfs

后面跟上内容把鼠标放上去会显示:

[zfs](https://www.zhangfengshuo.top "zfs")

效果:

zfs

9) [][] 另一种链接形式

[zfs][suiyi]
[suiyi]: https://www.zhangfengshuo.top "zfs"

10) ![]() 显示图片 类似上面组织 对应img标签
效果:

在你自己本地实验!!!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 标题 在Markdown中,只需要在文字前加#便可设置标题格式标准写法需要在#之前加一个空格 # 一级标题 #...
    窗外有个蓝蓝天阅读 430评论 0 1
  • 4 引用 > 在我们写作的时候需要引用别人的文字,这个时候你只需要在需要引用的文字前面加上>就行了,当然按照惯例需...
    窗外有个蓝蓝天阅读 285评论 0 1
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,452评论 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,543评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,013评论 1 92

友情链接更多精彩内容