Skip to notepad
Typehall

Lesson 5 of 12 · Beginner

Links point out, images stay in

Standard syntax for both — and a privacy-driven difference in how images behave.

In this lesson you will learn link and image syntax, and the one Typehall behavior that surprises newcomers: remote images never load, while images you add yourself are stored locally and do render.

Syntax

[Typehall](https://typehall.com)

![A sketch of the new layout](photo.png)

Links are [label](destination); images add a leading !. Links open in a new tab. A bare address like typehall.com is also normalized to a full link automatically.

Images in Typehall, honestly

Markdown image syntax is standard, but Typehall's preview strips remote images on purpose: previewing a note must never fetch external URLs, because a fetch would tell a third-party server that you opened the note. So ![alt](https://example.com/x.png) written by hand will not display its picture here.

Images you paste or drag into a note are different: they are stored in your browser's local attachment store (PNG, JPEG, WebP, GIF — around 10 MiB per image) and render in Preview, survive reloads and backups, and export embedded in .md and .html. Plain-text .txt export notes their presence instead of the pixels. That is the whole model: your images render, nobody else's servers get a request.

Mistakes to avoid

  • Swapped brackets — (label)[url] renders literally. Label first in square brackets, destination second in parentheses.
  • Spaces inside the destination — break the link. Keep URLs intact or wrap complex ones carefully.
  • Expecting a pasted image URL to display — it will not. To include a picture, paste or drop the image file itself into the note.

Exercise

## Reading list

- [Typehall guides](https://typehall.com/guides) — practical writing about browser notes
- My favorite reference: [Markdown Guide](https://www.markdownguide.org)

![Sketch the cover layout here](cover-sketch.png)

Practice both halves: the links should open new tabs from Preview; for the image line, drop a real image into the note and compare with the remote-URL behavior.

Try this exercise in Typehall

New to Typehall? Edit the Markdown in the new note, then choose Preview to see the rendered result, or Split to edit and preview at the same time. How the Markdown editor works. Tip: Split works especially well with Focus enabled, giving the editor and rendered preview more room.

Next: giving other voices their formatting — Blockquotes.

Learn Markdown course index — all 12 lessons in order.