Once you finish the HTML lessons, use this checklist to review your page. Launching without a checklist is like heading to the airport without checking your passport — you might get sent right back at the gate.
- Does the document have
<!DOCTYPE html>,lang,charset,viewport? - Does the page have a single main
<h1>? - Do all images have meaningful
alttext? - Are labels properly linked to inputs in your forms?
- Do all your links go to the right place?
- Are semantic tags used in the appropriate places?
- Is the text readable on a mobile screen, with no horizontal scrolling?
- Is the code indentation easy to read?
Once you've ticked off all these steps, you'll have a pretty solid foundation for moving on to CSS and JavaScript.
html
<!-- A clean starter template -->
<!DOCTYPE html>
<html lang="my">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Clean HTML Page</title>
</head>
<body>
<header>
<h1>My Website</h1>
</header>
<main>
<p>Start building from here.</p>
</main>
</body>
</html>You should see
You'll end up with a clean starter template you can reuse for every future project.