A little curiosity. A whole city.
City technology lab.
Small experiments, one concept at a time.
Start here only after the main pages. HTML supplies content, CSS styles it, and the separately labeled JavaScript examples add behaviour.
Text has meaning
<h1>Discover Toronto</h1>
Press Ctrl + S. Output: Saved. Let x be the number of stops.
© € → ★ 😊 · Toronto & Montréal
Attention label versus important warning; an unfamiliar term versus spoken emphasis.
Toronto demonstrates text direction.
A line break follows:
This is the next line.
Two ways to draw
Canvas data: Monday 30 visitors; Tuesday 60 visitors (fictional).
Where am I?
Requires permission and HTTPS or localhost.
Calculate a sample route
Three sample legs: 2 + 3 + 4 km.
Live sample availability
Local-server lesson only; no live data is simulated on the static hosted site.
Encoding and syntax
Open a URL with a space encoded as %20
HTML: <br>
XHTML: <br />
Keep lowercase names, quoted attributes and consistent indentation. Our site uses modern HTML, not XHTML.