HTML

Useful Items

wd0.pdf is an introduction to HTML.
tables.css is an style file for tables. You will need this for the later projects.
W3Schools contains tutorials and references on web development. It is well worth exploring and it is an excellent learning tool.
The HTML Validator (aka Sister Mary Rapaknuckle) will keep your code on the straight and narrow. Code that validates renders the way it should, and with maximum efficiency. Code that doesn't? All bets are off.

A Shell File

This is provided to save you annoying typing. You can download it by right-clicking on its navigation link or by copying it from here. It will validaate.


<!doctype html>
<html lang="en">
    <head>
        <title>SHELL FILE</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>SHELL FILE</h1>
    </body>
</html>

Projects

These are listed in recommended order. Images of specified pages are shown and your job is to create the HTML needed to replicate them. Use W3schools as a reference on tags and other items.

tagLab1 Make headlines!
oneHTML Pete's Pizza Parlour has a menu featuring nested lists.
crappy Wade through a cesspool of errors and extirpate them.
imageFun Learn about displaying images.
special Learn about special characters entities.
table Learn about making tables.
docTree Practice wrangling the documenet tree. Solutions are provided.
replicateMe1 This is a summative exercise in HTML with a bit of everything.
LP0 This is a 90-minute lab practical that has actually been inflicted on NCSSM studens.