HTML and CSS Reference
in particular, is the collection of programmable objects that expose the structure of the current
document to coders.
In the rest of this chapter, you'll briefly explore the basics of the HTML5 markup elements,
including input forms and multimedia. Neither this chapter nor the rest of the topic covers every
aspect of the basics of HTML. If you need a refresher on the fundamentals of HTML, you can refer to
the topic Start Here! Learn HTML5, by Faithe Wempen (Microsoft Press, 2012) .
Important This chapter and the next two provide an overview of HTML, CSS, and
CSS3 and receive an end-to-end coverage of common programming techniques you use
meant to be preliminary to upcoming chapters where you'll be using ad hoc elements
from the WinJs library in a basic HTML skeleton, using custom CSS for graphics and custom
Elements of a webpage
HTML5 comes about a decade after its most recent predecessor (HTML4). Looking at what's new in
HTML5, one could reasonably say that all these years have not passed in vain. HTML5 provides a set
of new elements that offer several native functionalities that developers and designers used to have
to code via artifacts and ingenious combinations of existing elements. Here's a quick look at what's
relevant to creating a webpage with HTML5.
Building the page layout with HTML5
In the beginning of the web, most pages were designed as a text documents—meaning that their
content developed vertically on a single logical column. Over the years, page layout became more
and more sophisticated. Today, two-column and three-column layouts are much more common.
In two- and three-column layouts, you also often find headers and footers surrounding the logical
columns. Figure 2-1 shows the difference between the layouts at a glance.