Right this way…
Station 02 · HTML attributes
You met tags in The Bones. Most tags are not much on their own — an empty link goes nowhere, an empty image shows nothing. The attributes are how a tag gets its job. Each one is a labelled instruction stapled to the inside of the opening tag.
Below is a real link to our Discord, rigged with all the labels it actually wears in production. Hover any one to see what it does. Toggle it off to see what disappears. The tag stays — only the work changes.
1<a2href="https://discord.gg/rollout"3target="_blank"4rel="noopener noreferrer"5aria-label="Join the Rollout Discord, opens in a new tab"6class="btn btn-primary"7>8Join the Discord9</a>
Take an attribute off — see what it was doing
Hover any attribute or any tag on the right — both light up. Toggle one off and watch what disappears.
Goes to
https://discord.gg/rollout
Screen reader says
Join the Rollout Discord, opens in a new tab
How it actually shows up
Every attribute does one small job. Take them off, the tag still works — it just stops doing that one thing. That is how every label on the web is built, from a navbar link to a video iframe.