HTML and CSS Reference
In-Depth Information
The latest version of HTML (and its associated CSS and JavaScript) is HTML5. It is generating
considerable excitement because of features such as the canvas for displaying pictures and animation;
support for video and audio; and new tags for defining common document elements such as
header
,
section
, and
footer
. You can create a sophisticated, highly interactive web site with the new HTML5. As
of this writing, not all browsers accept all the features, but you can get started learning HTML5, CSS, and
JavaScript now. Learning JavaScript will introduce you to general programming concepts that will be
beneficial if you try to learn any other programming language or if you work with programmers as part of a
team.
The approach Ill use in this topic is to explain HTML5, CSS, and JavaScript concepts in the context of
specific examples, most of which will be familiar games. Along the way, Ill use small examples to
demonstrate specific features. Hopefully, this will help you both understand what you want to do and
appreciate how to do it. You will know where we are headed as I explain the concepts and details.
The task for this chapter is to build a web page of links to other web sites. In this way, youll get a basic
understanding of the structure of an HTML document, with a small amount of CSS code and JavaScript
code. For this and other examples, please think of how to make the project meaningful to you. The page
could be a list of your own projects, favorite sites, or sites on a particular topic. For each site, youll see
text and a hyperlink. The second example includes some extra formatting in the form of boxes around the
text, pictures, and the day's date and time. Figure 1-1 and Figure 1-2 show the different examples Ive
created.
Figure 1-1.
An annotated list of games
