HTML and CSS Reference
In-Depth Information
What you write (the HTML)
So, you know HTML is the key to getting a browser to display your pages, but
what exactly does HTML look like? And what does it do?
Let's have a look at a little HTML…imagine you're going to create a web
page to advertise the
Head First Lounge
, a local hangout with some good tunes,
refreshing elixirs, and wireless access. Here's what you'd write in HTML:
<html>
<head>
<title>
Head First Lounge
</title>
</head>
<body>
<h1>
Welcome to the Head First Lounge
</h1>
<img src="drinks.gif">
<p>
Join us any evening for refreshing elixirs,
conversation and maybe a game or
two of
<em>
Dance Dance Revolution
</em>
.
Wireless access is always provided;
BYOWS (Bring your own web server).
</p>
<h2>
Directions
</h2>
<p>
You'll find us right in the center of
downtown Webville. Come join us!
</p>
</body>
</html>
A
B
C
D
E
F
G
We don't expect you to know HTML yet.
Relax
At this point you should just be getting a feel
for what HTML looks like; we're going to cover
everything in detail in a bit. For now, study the HTML and see
how it gets represented in the browser on the next page. Be sure
to pay careful attention to each letter annotation and how and
where it is displayed in the browser.
