Today’s topic is more HTML and a chance to work on your handcoded pages. For HTML5, look back at HTML & CSS Chapter 8 (p. 179-180) and Chapter 17. It is also introduced throughout the first nine chapters. This post at net tutorials is a good place for an overview. Maybe for later, here is HTML5 Rocks from Google.
Your assignment is to follow class instructions to create two pages using TextEdit as described on the handcoded assignment.
- Continue with the hand-coded Web pages, being careful of spelling, noting all the required elements. E-mail me the files—ZIP is fine. No need to put it up on the Web.
Check out these primers if you still need help:
Things to note/review about (X)HTML:
- Among many others, the HTMLDog is a good place to start.
- All closing tags e.g. <body> are closed with the tag plus a forward slash: </body>
- Never include attributes in the closing tag: it is </a> not </a href>
- Text inside the <title> </title> cannot be formatted
- If you use more than one attribute within a given tag you can close them all with one ending tag if that suits your design intent: <div id="fred" title="fred">Hello</div>
- It had become “tradition” to leave off some closing tags that strictly (XHTML) speaking should be there. Among those are </p>, </li>
- Similarly, it had become habit to leave off the ditto ("quotation marks") around values of an attribute. That will not cause problems if the value is a single word such as color=red or a number such as size=4. You must use " " for alt text, src= href= and any value that has more than one word/number. So use them at all times, e.g.
<hr size="3">
Again, for HTML5, you can decide to not close your tags of either type (empty or non-empty), use uppercase letters in tags, not quote values of attributes. I would not—there's no good reason not to stick to proper XHTML. As Tantek Çelik says, if you wanted to connect to other languages (e.g. AJAX) you'd need valid XHTML code. The current compromise is to use XHTML standards except we don't need to close empty tags (<br> is OK) or add redundant values to attributes (<input checked> is OK.)
- Let me know if you still are having trouble with logins to the alpha server.
- Finally, for future reference try The HTML Writers Guild site, and the official W3C site
Site maintained by John Beatty