Kids Coding
Build a Page
Headings, a list, and a link in the HTML editor. A page you can show someone.
A page you can show someone
Use a heading, a short paragraph, a list, and a link. Open it in Try HTML.
Club page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fox Club</title>
</head>
<body>
<h1>Fox Club</h1>
<p>We meet on Fridays.</p>
<h2>Bring</h2>
<ul>
<li>A notebook</li>
<li>A snack</li>
</ul>
<p><a href="https://studygrid.in/kids">Kids coding</a></p>
</body>
</html>Save the file with a .html ending and double-click it. Your browser opens the page. No server, no setup.
Structure
<!DOCTYPE html>tells the browser this is HTML.h1is the page title the visitor sees.a href="..."is a link. The URL goes inhref.
Real life
A birthday party invite you can actually send.
Title, when, what to bring, a link. A page, not a printout. Open it in Try HTML.
Party invite
<h1>Riley's party</h1>
<p>Saturday 3pm. Bring a hat.</p>
<ul>
<li>Cake</li>
<li>Games</li>
</ul>
<p><a href="/kids">Kids coding</a></p>Change one word. Run it. That is how this idea shows up outside the lesson.
Try it
Exercise 1: Make a page with an h1 called My page and one link to /try.
Show solution
<h1>My page</h1>
<p><a href="/try">Try Python</a></p>