Skip to main content
Writing

Markdown Guide for Beginners: Syntax, Tips & Free Preview Tool

Learn Markdown syntax from scratch with this beginner-friendly guide. Covers headings, lists, links, images, tables, and more with a free live preview tool.

February 2, 20269 min readBy Tovlix Team

What Is Markdown?


Markdown is a lightweight text formatting language that lets you create formatted documents using plain text. It was created in 2004 by John Gruber and has become the standard writing format for developers, technical writers, and content creators.


You write simple symbols like # for headings, ** for bold, and - for lists, and they render as beautifully formatted HTML. Markdown files use the .md extension and are supported by GitHub, GitLab, Reddit, Discord, Notion, Slack, and hundreds of other platforms.


Why Learn Markdown?


For Developers

  • Write README files for GitHub repositories
  • Document APIs and code projects
  • Create pull request descriptions and issue reports
  • Write technical blog posts and documentation

  • For Writers

  • Draft blog posts and articles without distracting formatting tools
  • Write in any text editor — no special software needed
  • Content stays readable even without rendering
  • Easy to convert to HTML, PDF, or other formats

  • For Everyone

  • Take notes that are organized and readable
  • Format messages on platforms like Slack, Discord, and Reddit
  • Create presentations with tools like Marp or Slidev
  • Write documentation that anyone can contribute to

  • Basic Markdown Syntax


    Headings

    Use the hash symbol followed by a space:

  • # Heading 1 (largest)
  • ## Heading 2
  • ### Heading 3
  • #### Heading 4
  • ##### Heading 5
  • ###### Heading 6 (smallest)

  • Bold and Italic

  • Bold text - Wrap with double asterisks or double underscores
  • *Italic text*: Wrap with single asterisks or single underscores
  • *Bold and italic - *: Wrap with triple asterisks

  • Lists


    Unordered lists use dashes, asterisks, or plus signs:

  • Item one
  • Item two
  • Item three

  • Ordered lists use numbers followed by periods:

  • First item
  • Second item
  • Third item

  • Nested lists add indentation (2-4 spaces):

  • Parent item
  • - Child item

    - Grandchild item


    Create links with square brackets for the text and parentheses for the URL:

    Link Text


    Images

    Similar to links but with an exclamation mark at the start:

    !Alt text


    Blockquotes

    Use the greater-than symbol:

    > This is a blockquote. It is commonly used for quoting text or highlighting important notes.


    Code


    Inline code: Wrap with single backticks - Use the `console.log()` function


    Code blocks: Wrap with triple backticks and optionally specify the language for syntax highlighting


    Horizontal Rules

    Use three or more dashes, asterisks, or underscores on a line by themselves:

    ---


    Preview all of these elements live with our free Markdown Preview tool.


    Advanced Markdown Syntax


    Tables

    Create tables using pipes and dashes:


    Column 1Column 2Column 3
    Data 1Data 2Data 3
    Data 4Data 5Data 6

    Align columns using colons:

  • Left align: |:---|
  • Center align: |:---:|
  • Right align: |---:|

  • Generate Markdown tables instantly with our free Markdown Table Generator.


    Task Lists

    GitHub-flavored Markdown supports checkboxes:

  • Completed task
  • Incomplete task
  • Another task

  • Strikethrough

    Wrap text with double tildes:

    ~~This text is crossed out~~


    Footnotes

    Add references with [^1] syntax:

    This statement needs a source[^1].

    [^1]: This is the footnote text.


    Definition Lists

    Some Markdown parsers support definition lists:

    Term

    : Definition of the term


    Markdown Flavors


    Standard Markdown

    The original specification by John Gruber. Covers basic formatting.


    GitHub Flavored Markdown (GFM)

    Adds task lists, tables, strikethrough, auto-linking, and fenced code blocks. Used on GitHub for README files, issues, and pull requests.


    CommonMark

    A standardized specification that removes ambiguity from the original Markdown syntax. Many modern parsers follow CommonMark.


    MDX

    Markdown with JSX support. Allows you to embed React components inside Markdown files. Popular in modern documentation frameworks.


    Markdown Best Practices


    1. Use Consistent Formatting

    Pick one style for emphasis (asterisks vs underscores), list markers (dashes vs asterisks), and heading style, then use it consistently.


    2. Add Blank Lines Between Elements

    Always add a blank line before and after headings, lists, code blocks, and blockquotes. This prevents rendering issues.


    3. Use Headings Hierarchically

    Do not skip heading levels. Go from H1 to H2 to H3. This creates a logical document structure and improves accessibility.


    4. Keep Lines Reasonable

    While Markdown does not require line breaks, keeping lines under 80-120 characters improves readability in text editors.


    If you link to the same URL multiple times, use reference-style links to keep your text clean.


    Where to Write Markdown


    Text Editors

  • VS Code (with Markdown preview extension)
  • Typora (WYSIWYG Markdown editor)
  • Obsidian (for note-taking)
  • Any plain text editor

  • Online Tools

  • Our free Markdown Preview tool for instant rendering
  • GitHub (built-in Markdown rendering)
  • HackMD (collaborative Markdown editing)

  • Convert Markdown to Other Formats

  • Markdown to PDF - Convert your Markdown files to professional PDFs
  • Pandoc (command-line tool for converting to HTML, DOCX, LaTeX, and more)

  • Free Writing and Formatting Tools


  • Markdown Preview - Live Markdown rendering in your browser
  • Markdown Table Generator - Build Markdown tables visually
  • Markdown to PDF - Convert Markdown to styled PDFs
  • Word Counter - Count words and characters
  • Character Counter - Track character limits
  • Text Diff Checker - Compare two text documents
  • Case Converter - Convert text between cases
  • Remove Duplicate Lines - Clean up text content
  • Sort Lines - Sort text alphabetically

  • Conclusion


    Markdown is a skill that pays off across your entire digital life — from writing GitHub documentation to taking personal notes. The syntax is simple, the output is clean, and it works everywhere. Start with headings, bold, lists, and links, then explore tables and code blocks as you need them. Use our free Markdown Preview to practice and see your formatting rendered in real time.


    markdownwritingdocumentationformattinggithubdeveloper toolstext formattingtechnical writing

    Try Our Free Tools

    Generate passwords, QR codes, invoices, and 200+ more tools - completely free!

    Explore All Tools