Information Technology Reference
In-Depth Information
stronger visual oomph. A second tag,
<em>
, does the same by emphasizing the content
orby making the content italic.
1
A third tag,
<br />
, starts a new line (br stands for line
break!). The
<br />
tag is a little different than most HTML tags. Since the tag does not
require itself to enclose content on the page in the same thatthe
<strong>
and
<em>
tags
do, this tag closes on itself. Finally, the
<p>
tag starts a new paragraph.
At their cores, all web pages are some form of HTML, although most we'll discuss in this
topic are much more complicated. Thankfully, we'll walk you through them, so you won't
be overwhelmed!
If this is your first outing into the world of HTML and web applications, then it would
probably be a good idea to familiarize yourself with the basics of HTML before jumping
full on into the topic. One of the best resources on the Internet for learning HTML and
browsing through basic code examples can be found at the W3Schools
case you're already soaked from the neck down, it would be time to move on to some of
the more intermediate portions of web application design and technologies that we will
be using in this topic.
Getting Stylish: Cascading Style Sheets (CSS)
Imagine that you're writing up a simple web page to aid in your parenting—a family
chore list. It might look something like the list in Figure 1-2.
Figure 1-2.
Family Chore List
By just glancing at the finished product, there does not appear to be a lot going on
here.We have a standard boring black and white document that completely lacks any style
or individuality. Let us take a look at the code behind the scenes shown in Listing 1-2.
Listing 1-2.
chores.html
<html>
<head>
<title> Family Chore List </title>
</head>
<body>
<h1>Family Chore List</h1>
1
It's worth noting that the <b> and <i> tags you may be used to were used in HTML 4
for the same purpose as <strong> and <em> respectively. Their use has been
deprecated in HTML5 in favor of the tags above.
