Chapter 0 — The Art of Marking Up

Long before computers, long before the web, and long before anyone typed a single line of code, the practice of marking up a document was already well established. Editors sat with manuscripts, pens in hand, and wrote symbols in the margins to tell typesetters how to shape the page.

This chapter is a journey back to those origins. It connects the ancient red‑pen annotations on parchment to the tags you will soon be writing in a text editor. By understanding why humans invented markup, you will see HTML not as a cold technical language, but as the latest chapter in a story that began centuries ago.

We will look at the physical editing symbols that still survive in our digital world, explore the family tree of modern markup languages, and set down the golden rule that keeps a web page clean and maintainable: the Separation of Concerns.

By the end of this chapter, you will have a solid mental model of what markup is, what it is not, and why structure must always stand apart from decoration. Let’s begin.

What’s Inside This Chapter

• Section 0.1 — Hand‑annotated Manuscripts
  Witness the editor’s desk, where symbols like the pilcrow (¶), asterisk (*), and caret (^) turn a shapeless stream of words into a structured document.
• Section 0.2 — What Is a Markup Language?
  Meet the major dialects of digital annotation: HTML, LaTeX, XML, XHTML, and Markdown – each a different way of telling a machine what your content means.
• Section 0.3 — The Philosophy: Separation of Concerns
  Learn the golden rule of the modern web: keep structure (HTML), presentation (CSS), and behaviour (JavaScript) in their own separate boxes.