This sample demonstrates Markdown formatting. The examples are deliberately small.

Start with plain text

A paragraph is just a paragraph. Leave an empty line before the next one. Use bold for strong emphasis, italics for a gentler change of voice, and strikethrough when a visible revision helps the reader.

A descriptive link to the sample collection gives more context than “click here.” You can also use a reference-style link when the same destination appears more than once.

Give code its own space

Use backticks for short identifiers such as title or tags. A fenced block gives a longer example a language and room to breathe.

const notebook = ['a sentence', 'a sketch', 'a question'];
const invitation = notebook.join(', ');
console.log(`Bring ${invitation}.`);

The next block shows CSS as a specimen, without changing the theme itself.

.notebook {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

Plain text is useful for a directory tree or a short transcript:

notebook/
  observations.md
  sketches.md
  questions.md

Add a note without breaking the flow

A footnote lets a small detail wait until the end of the article.1 It is useful when the detail supports the sentence but does not belong in its middle.

Open an extra formatting note

This is a native disclosure element. It can be opened with a pointer or a keyboard, and it keeps optional detail close to the paragraph it supports.

A few more characters

Plain HTML can handle H2O, x2, and HTML. A keyboard hint can use Tab. Use these features when the meaning calls for them, rather than decorating every sentence.

Footnotes

  1. This footnote is part of the sample. The small return link takes you back to the sentence that referenced it. ↩

#sample#markdown#typography#code
← View all articles

Related articles