Markdown Code Blocks

Last updated: 2026-10-14

Code Blocks CommonMark core

Wrap code in triple backticks with a language tag to get a highlighted fenced code block. The single most important syntax for technical docs — every code sample on this site uses it.

GroupBasic: Block
Spec levelCommonMark core
Spec versionCommonMark 0.31.2 + GFM

📝 Syntax

```js
your code
```

▶ Live Example

Edit Markdown on the left, see the result on the right

💡 Key points

💡 Tip The language tag enables highlighting: js, python, css, html and more.
⚠️ Warning Markdown inside a fence is not parsed — great for showing literal syntax.

❓ FAQ

Q What if the code contains backticks?
A Use a longer outer fence: if the code has 3 backticks, open with 4 or more.
Q Indented or fenced block?
A Always fenced: language tags, no 4-space indent dance, safer inside lists.
Q Do tildes ~~~ also open a fence?
A Yes — ~~~ is a standard fence and immune to backtick conflicts in content.

📚 See also

Indented Code BlocksCommonMark core Inline CodeCommonMark core
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏