Frontend Engineering, Volume I
HTML Chapter 2 Companion
© 2012, Martin Rinehart
History—Before Computers
Brilliant note re Ben Franklin. (What good is a baby? Franklin!) www.uh.edu/engines/epi141.htm.
IEEE official history here. Serious history of ectricity: www.ieeeghn.org/wiki/index.php/Special:Home.
Websites—Design
No links, here. Just some topics to google.
Want a company to design your site? Try "website design".
Want a design built automatically? Try "design your own website".
Want some "how to" advice? Try "website design principles".
The Opera Error Console
Turning on the Error Console:
HTML Comments
The text and the examples show HTML comments. You'll do fine if you follow them. To win wagers in a room full of HTML pros, try some deeper discussions.
These guys are usually good. This page goes a step beyond the usual, but it isn't quite correct: www.htmlhelp.com/reference/wilbur/misc/comment.html.
Dan gets this mostly correct. Particularly the part at the end re HTML 5 comments: webtips.dan.info/comments.html.
And if you want to know how bad it might have been: www.howtocreate.co.uk/sgml/doctypeSGML.html.
Commented Template
Page "2a" (menu, above) shows the template you should have when you complete this chapter. Bring yours up to date, save it and don't forget to save a backup.
Headings
Page "2b" (menu, above) shows you how to make samples of the possible headings.
Monospaced Elements
Page "2c" (menu, above) shows you how to make samples of the possible monospaced elements.
Universal (or Global) Attributes
A good quick reference: www.w3schools.com/tags/ref_standardattributes.asp.
Good material re the HTML 5 globals that we do not cover: net.tutsplus.com/tutorials/html-css-techniques/html5-globals-and-you.
Your Project
Project work is covered on page "2d" (menu, above).
Character Entities—Accents
Each of these accents can be applied to any of "a", "e", "i", "o", "u" and "y". The letter may be in lowercase or uppercase. Examples:
- é—é
- É—É
- ö—ö
- Ö—Ö
Support for generally unused combinations, especially in older browsers, may be lacking. Examples: "Y" with a grave accent, "e" with tilde.
| Use | Name | HTML | Result in Browser |
|---|---|---|---|
| Acute | acute | é Á |
é Á |
| Circumflex | circ | î Û |
î Û |
| Grave | grave | È ù |
È ù |
| Tilde | tilde | ã Ñ |
ã Ñ |
| Umlaut | uml | ü Ÿ |
ü Ÿ |
Feedback: MartinRinehart at gmail dot com
# # #