Frontend Engineering, Volume I

HTML: Chapter 1 Companion

© 2012, Martin Rinehart

History—Before Electricity


Download Notepad++

Download Browsers

WARNING: Wrapping a genuine download inside a package full of mischief has become an unfortunate online habit. Do not click a "Download" button unless you see that it is the vendor's own page. For example, you get Chrome only from

These are US download locations, per the respective vendors. Some will automatically send you to the correct location if you are outside the U.S.

Google Chrome

Mozilla Firefox

Microsoft Internet Explorer

Microsoft is, sorry to say, less than forthright in its downloads. Be careful to download the browser, not something else. Be sure to uncheck any items Microsoft would like to foist on you along with the browser.


Why a Doctype?

The (Deprecated) <font> Tag

After you look up a tag, you can begin the hard work of finding out what tags work in what browsers. The good news is that the tags we will use work in all browsers. The bad news is that there's "work" and then there's "work." Fonts are a great example.

If you never use serif fonts online, you never have this problem. But suppose you wanted to use serif fonts for a little variety, such as in your headings. (Most sites do this. It's quite reasonable.) For that you need to know that Microsoft uses the old, lame "Batang" font family (face attribute) when you specify "serif". So your headings would look quite bad in MSIE browsers. Do you want serifs? Specify "Times New Roman" and you will get a reliable, serif-based font.

If you look up generic fonts online, you will find that the W3C includes "cursive" as an alternative. (That means hand-written style, each letter joins the following one.) Unfortunately, only Opera chooses a cursive font, and only then if you specify "script" and not "cursive." To get a cursive font you'll need to find one that's free for downloading, and then get it to download with your HTML page. This is not for beginners!

Character Entities—Intellectual Property Marks

Use Name HTML Result
in Browser
Copyright symbol copy &copy; ©
Trademark symbol trade &trade;
Registered trademark symbol reg &reg; ®

Feedback: MartinRinehart at gmail dot com

# # #