This page assumes nothing. Before you can read the parent note, you must be fluent in the little symbols and pictures it throws around: what a formula like HClO3 actually shows, what "charge" is, what "electronegative" means, what an arrow ⇌ is doing, what pKa counts. We build each one from the ground, in an order where every idea leans on the one before it.
But a headcount hides the arrangement. The parent note keeps writing (O)nCl−O−H, and you cannot understand acidity until you can see which atom is bonded to which. A bond (drawn as a line −) is a shared pair of electrons gluing two atoms together.
Look at the figure. In every one of these acids the layout is the same skeleton:
a central chlorine (teal),
some terminal oxygens hanging directly off the Cl with nothing else attached (orange),
exactly one special oxygen that carries the hydrogen (plum) — this is the O–H group.
The superscript is the whole game here. When an acid ionises it splits into two pieces:
HClOx⟶the proton that leftH++the leftover, negatively chargedClOx−
H+ is a bare hydrogen nucleus (a proton) — it gave its electron to the oxygen and walked away.
ClOx− kept that electron, so it now carries −1 charge.
The single most important picture in the whole topic is where the leftover negative charge lives. If it is crammed onto one atom, that is uncomfortable (high energy, unstable). If it is shared over several atoms, each atom feels only a slice of it (low energy, stable).
The figure shows all four conjugate bases side by side. Count the orange terminal oxygens and read off the charge slice each one carries:
Each extra terminal oxygen also tugs electron density along the chain, away from the O−H end. This "pull from a distance through the bonds" is called the inductive effect (see Inductive effect). More terminal oxygens = more tugging = weaker O−H bond = easier to give up H+.
You do not need to derive these here (the parent note lists them). You only need to know the symbol +7 means "chlorine has been pulled 7 electrons' worth of empty-handed" — a signpost that lots of oxygens are yanking on it. (This number later controls the opposite trend, oxidising power — see Oxidising power of oxoacids.)
Every arrow is a "you-must-know-this-first". You cannot understand the trend at the bottom without the stable conjugate base above it, which needs delocalisation and inductive pull, which need electronegativity, charge, and the structure — all of which start from just reading a formula.