百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Markdown常用语法(建议收藏) markdown语法笔记

yuyutoo 2024-12-24 16:32 1 浏览 0 评论

基本语法

标题

  1. 在文本前使用 # 表示标题, # 的个数代表标题的级别, # 和文本之间用一个空格隔开。
  2. 也可以在文本下方使用任意数量的 = 表示一级标题或任意数量的 - 表示二级标题。

段落

空白行 分隔段落。

缩进/空格

  • & nbsp;:表示一个空格,多个不叠加。
  • & ensp;:半角,表示两个空格。
  • & emsp;:全角,表示四个空格。

换行

行尾添加 行尾空格 (两个或多个空格),然后回车,表示换行。

强调

  • 斜体:在文本两侧使用 * ,和文本之间不要留空格。
  • 加粗:在文本两侧使用 **
  • 斜体并加粗:在文本两侧使用 ***

引用

在段落前使用 > 表示引用,使用多个 > 可以嵌套,如: >> >>> 等。

列表

  1. 无序列表
  2. 在文本前使用 - * + ,可以生成列表项。使用缩进可以嵌套。
  3. 有序列表
  4. 在文本前使用 数字. 后(例如 1. ),敲空格即可生成有序列表项。使用缩进可以嵌套。

代码

  1. 单行代码,在文本两侧使用反引号 `
  2. 代码中包含反引号 ` ,需要在文本两侧使用双反引号 ``
  3. 代码块,Markdown的基本语法允许通过 缩进四个空格一个制表符 直接创建代码块。也可以在代码块开始的前一行和代码块结束的下一行使用三个反引号 ```包裹,创建代码块,开始的三个反引号后可跟 语言描述 ,来指定代码语言。

例如:

``` java 
public static void main(String args[]) {
		//do something... 
}

分割线

在单独一行使用三个或多个短横线 --- 、星号 *** 或下划线 _ _ _ 来创建分割线。

链接

  1. 普通链接,链接语法 [显示文字](链接地址 "title文字") 例如:[百度](https://www.baidu.com “百度”)
  2. 快速链接,用尖括号 < > 把链接包裹起来,例如:https://www.baidu.com、example@qq.com
  3. 引用类型的链接,语法 [显示文字][label][label]: 链接地址 ,注意: [label]: 必须在行头,并且后要跟一个 空格
  4. 例如:[百度][baidu_label] 引用 [baidu_label]: https://www.baidu.com

图片

图片语法 ![alt文字](链接地址 "title文字")

转义字符

转义字符使用 \

  • 可以转义的特殊字符如下

\`* _ {} [] () # + - . ! |

  • 两个特殊字符

< 使用 < 替换; & 使用 & 替换。

内嵌HTML

Markdown语法支持直接写HTML标签,只是对于块级元素,例如 div tablepre p 等,为了兼容性最好在代码块的前后分别加上一行 空行 。示例:

This is a regular paragragh...

<table>
	<tr>
		<td></td>
	</tr>
</table>

This is a regular paragragh...

扩展语法

表格

使用 | 分隔每一列,使用三个或多个短横线 --- 来分隔表头和内容。在 --- 两端加 : 可以分别实现左对齐、右对齐、居中对齐,例如:

  • 左对齐: :---
  • 右对齐: ---:
  • 剧中对齐: :---:

完整示例:

| 姓名 | 班级 | 成绩 |
| :--- | ---: | :---: |
| 张三 | 一班 | 88   |
| 李四 | 二班 | 99   |

删除线

在文本两侧使用 ~~ 可以在文本上画删除线。

任务列表

语法 - [ ] 任务描述 ,并非所有markdown应用都支持。例如:

- [ ] Write the press release
- [x] Update the website
- [ ] Contact the media

呈现结果如下:

  • [ ] Write the press release
  • [x] Update the website
  • [ ] Contact the media

相关推荐

一篇文章认识JavaScript中的Web API

在了解webapi之前先要明白在我们声明变量三个关键字(var、let、const),我们到底该用哪一个?首先排除var,它是老牌的写法,会有很多问题,可以淘汰掉...我们在开发中建议const...

html5大神结合js带你研究古老读心术,你的心思早被猜透

javascript/HTML5课题:javascript开发读心术游戏PS:大爆料!javascript解密读心术游戏背后故事知识点:读心术原理算法独家揭秘,HTML5最新选择器,...

纯CSS实现3个圆圈横向排列不断闪烁的Loading特效

这个纯CSS实现的Loading特效是一个非常简单而实用的选择,它由三个圆圈横向排列,并不断闪烁。这种动画效果很适合用于页面加载过程中,为用户提供一个愉悦的等待体验。在这个特效的设计中,使用了CSS的...

网站建设知识分享系列文章三:符合用户体验的网页设计应如何做?

上篇文章向各位讲述了网站建设知识分享系列文章二:如何选择建站公司,今天我们来讲述下建站公司选定后,网站制作流程是怎样的,有哪些需要注意的细节性问题。选定建站公司,签订正规劳务合同后,最先开始的是设计环...

「更新」微信小程序 Lottie 动画组件 lottiejs-miniapp V1.1.0 发布

lottiejs-miniapp当前版本号:1.1.0npm地址:...

Web开发基础之jQuery javascript web开发

jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Aj...

Web前端:JavaScript最强总结,最全面的零基础入门教程

JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。JavaScript...

jQuery 动画制作与特效 jquery的动画函数

使用show()和hide()方法在普通的javascript编程中,要实现元素的显示、隐藏通常是利用其CSS的display属性或者visibility属性。在jQuery中提供了show()和hi...

JavaScript+css实现的登录注册页面web前端html源码

大家好,今天给大家介绍一款,JavaScript+css实现的登录注册页面web前端html源码(图1),布局合理。送给大家哦,获取方式在本文末尾。文本框获取焦点动画特效(图2)源码完整,需要的朋友可...

CSS 3.0+HTML5.0制作各种网页特效

?1、C33实现点击图片渐渐放大特效??2、CSS3实现图片全屏背景特效?3、CSS3实现的鼠标移动到图片上不规则放大??3、jQuery+CSS3模拟苹果桌面系统??4、CSS3+jQuery照片...

js+css实现的按钮悬停动画特效html前端源码,随机元素弹出效果

大家好,今天给大家介绍一款,js+css实现的按钮悬停动画特效html页面前端源码,随机元素弹出(图1)。送给大家哦,获取方式在本文末尾。鼠标经过按钮区域的时候,会随机从不同位置上弹出很多小元素,效果...

Swiper - 免费开源、功能强大的触摸滑动js特效插件

简单配置就能实现手机、PC网页中滑动、焦点轮播图、tab切换和触摸导航等大部分功能。js滑动特效插件Swiper是一款纯javascript打造的滑动特效插件,主要用对移动端web开发...

html5精选特效代码分享(收藏) html酷炫特效

在网页设计过程中,我们会经常用到一些HTML5特效代码,下面就是为大家整理分享的一些好看炫酷且实用的HTML5特效代码,可以放心在您的应用程序中使用。一、Canvas跟随鼠标光标动画特效演示、下载地址...

玩转Markdown(2)——抽象语法树的提取与操纵

上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...

任由文字肆意流淌,更自由的开源 Markdown 编辑器

对于创作平台来说内容编辑器是十分重要的功能,强大的编辑器可以让创作者专注于创作“笔”下生花。而最好取悦程序员创作者的方法之一就是支持Markdown写作,因为大多数程序员都是用Markdown...

取消回复欢迎 发表评论: