liveBook · Manning

Markup language

As explained in Web Design Playground, Second Edition

A markup language is a language that annotates text with codes specifying its structure, presentation, or meaning.

A markup language annotates ordinary text with codes that describe its structure, presentation, or meaning. HTML is a friendly example: its tags tell a browser where paragraphs, lists, images, and links belong. The browser then renders the page instead of displaying the instructions themselves. Despite the word language, HTML is not a programming language; it is a small vocabulary for describing web documents. section 1.1

Break the name into less scary pieces:

  • Hypertext connects a page to another page through links. section 1.1
  • Markup means adding detailed instructions to a text document. section 1.1
  • Language means a compact collection of words—in HTML, tags—not a programming system. section 1.1

From plain text to a page

A browser can display a plain-text file, but the result may be difficult to read. Add markup, and the same information becomes easier to scan, navigate, and understand through paragraphs, lists, images, and links. section 1.1

Figure 1.1 The browser can display plain-text files, but they’re awfully hard to read.

Compare an unstructured plain-text page with its marked-up counterpart to see what the browser gains from markup. section 1.1

How Web Design Playground, Second Edition covers it

How deep it goes
Defines hypertext, markup, tags, and rendering, but stops short of programming concepts or advanced implementation details.
Examples
Uses paragraphs, bulleted and numbered lists, images, links, and plain-text versus marked-up pages.
What it assumes
Assumes ordinary text documents and familiar links while teaching HTML terminology from the ground up.
What you can do after
Apply it via HTML tags to organize text into readable, navigable web pages.
How it connects
Ties markup language to HTML, hypertext documents, tags, web browsers, and rendering.

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.