The Building Blocks of Pages

Page Structure and Extra Markup Identifying with ids Styling with Classes Grouping with Divs Sectioning with Spans Building a Page (Step-by-Step) TODO

Iframes

The 3-Part Iframe Element 1. The <iframe> Tags 2. Source 3. Width and Height Review: The Iframe Element Websites in the Iframe Element Maps in the Iframe Element Media in the Iframe Element TODO

The Meta Element

The Meta Element Character Set Attribute Description Attribute Author Attribute Keywords Attribute Viewport Element Review: Meta Elements TODO

Escape Characters

Solving Conflicts with Escape Characters Escape Character Names Escape Character Codes Common Escape Characters TODO

Media Management

Media on the Web Sourcing Images Sourcing Video Sourcing Audio Optimizing for the Web Media Hosting and Storage TODO

Images

Adding Images in HTML The 5-Part Image Element 1. The <img> Tag 2. Source 3. Alternative Text 4. Title 5. Width and Height Review: The Image Element Formats and Browser Support TODO

Video

Adding Video in HTML The 5-Part Video Element 1. The <video> Tags 2. Source 3. Poster 4. Width and Height 5. Other Attributes Review: The Video Element Formats and Browser Support TODO

Audio

Adding Audio in HTML The 3-Part Audio Element 1. The <audio> Tags 2. Source 3. Other Attributes Review: The Audio Element Formats and Browser Support TODO

Solving Conflicts with Escape Characters

As you may have discovered, HTML specifies that certain are “reserved” or serve a special purpose for browsers. The most obvious conflicts are the greater-than and less-than characters (<, >), since these identify tags to browsers in HTML. Any character that may be accidentally interpreted as markup by the browser should be replaced with its escape code equivalent.

There are also characters that have no easy “keyboard” equivalent, (such as the copyright symbol - © ) in which case an escape code must be used.

Question:

So what is a developer to do if they need to write some math (or something else less stressful than including comparison operators in their page)?

Answer:

Use special codes, known as escape characters, that the browser can use to render the intended character!

This is not a fun process, but one that is necessary since HTML is a language.

Neat-O Also, for those of you who are more “security-minded” or wanting to protect yourself and your client from “middle-man attacks,” using escape characters is critical, as evidence by some discussions around the web.