16 min · Free

HTML that shows up

Elements, a first page, and writing for someone in a hurry.

HTML is tags around meaning. A heading is not big because it is bold in a word processor. It is a heading because you marked it as one.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Makola morning prices</title>
  </head>
  <body>
    <h1>Makola morning prices</h1>
    <p>Updated by hand. Ask before you treat this as a contract.</p>
    <ul>
      <li>Tomatoes — GHS 25 per box</li>
      <li>Onions — GHS 18 per bag</li>
      <li>Garden eggs — GHS 12 per rubber</li>
    </ul>
  </body>
</html>

Save that as prices.html and open the file in a browser. If you are on a phone playground, paste it and run.

Tags you will use constantly

h1–h3 for titles. One h1 per page.
p for sentences.
ul / ol / li for lists.
a href="..." for links.
strong for a word that must not be missed (a price, a warning).

The viewport line is not optional if people will open this on a phone. Without it, the page pretends it is a desktop and shrinks.

Write like a sign at a stall

Short names. Clear units. A date if the numbers move. You are not writing a manifesto. You are helping someone decide in the sun.