HTML and CSS Reference
FIGURE 2-1 Different HTML page layouts.
Developers have been smart enough to build such complex layouts using basic HTML block
elements such as DIV .
Note In HTML, a block element is an element whose content is rendered between two line
breaks—one before and one after the content. Therefore, the content displays as a stand-
alone “block” of content. One popular block element is H1, which renders some text as a
first-level heading. The DIV element is another popular block element aimed at creating
blocks out of any valid HTML content. Block elements are opposed to inline elements,
namely elements whose content flows with the rest of the page with no line breaks applied.
Important Note that in this topic, as well as in other topics and articles, truly common
HTML elements, such as <div> and <h1> often appear in text written without the brackets.
However, the use of the angle brackets is mandatory if you are using those elements within
In HTML5, the multicolumn layout is recognized as a common layout and therefore gets full
support via several new ad hoc markup elements.
preparing the sample application
The examples you'll be working with in this chapter are plain HTML pages showcasing some of
the features available in HTML5 as supported in Internet Explorer 10. You won't be creating an ad
hoc Windows 8 application for each feature, but for this early example—to refresh what you saw
in Chapter 1, “Using Visual Studio 2012 Express edition for Windows 8”—go ahead and create a
container Windows 8 page that ties together all the links to the various standalone HTML5 pages.