Head First html and css

Web Server

 

 
 

Kick’n Tunes

...

 

 
 

Kick’n Tunes

BT - Satellite: nice downbeat 
tune. 




...

 

 
 

Kick’n Tunes

...
Web Server
The serv
er “serves up” 
web pages and sends 
them to the browser.
The browser 
retrieves the page…

 

 
 

Kick’n Tunes

BT - Satellite: nice downbeat tune. 




...

 

 
 

Welcome to Head

Join us any even 




...
The server’s just a computer 
connected to the Internet waiting 
for requests from browsers.
…and the browser displays 
the HTML page.
But how does the browser know how to display a page? That’s where HTML comes in. HTML 
tells the browser all about the content and structure of the page. Let’s see how that works…

---

4
Chapter 
1
writing some 
html

Welcome to the Head First Lounge

Join us any evening for refreshing elixirs, 
conversation and maybe a game or
two of 

Dance Dance Revolution

.
Wireless access is always provided; 
BYOWS (Bring your own web server).

Directions

You'll find us right in the center of 
downtown Webville. Come join us!

Welcome to the Head First Lounge

Join us any evening for refreshing elixirs

, 

conversation and maybe a game or

two of 

Dance Dance Revolution

.
Wireless access is always provided; 
BYOWS (Bring your own web server).

Directions

You'll find us right in the center of 

downtown Webville. Come join us!

Welcome to the Head First Lounge

Join us any evening for refreshing elixirs

, 

conversation and maybe a game or

two of 

Dance Dance Revolution

.
Wireless access is always provided; 
BYOWS (Bring your own web server).

Directions

You'll find us right in the center of 

downtown Webville. Come join us!

Starbuzz Coffee Beverages

House Blend, $1.49

 


A smooth, mild blend of coffees from Mexico, 
Bolivia 
and 
Guatemala.

 

Mocha Cafe Latte, $2.35

 


Espresso, steamed milk and chocolate syrup.

 

Cappuccino, $1.89

 


A mixture of espresso, steamed milk and foam.

 

Chai Tea, $1.85

 


A spicy drink made with black tea, spices, 
milk 
and 
honey.



tags, and 
we just need to add those to make this a first-class HTML page…
Next add and tags. T
he 
head contains information about y
our web 
page, like its title. For now, think about i
t 
this way: the head allows you t
o tell the 
browser things about the w
eb page.
The body contains all the content and 
structure of your web page—the parts of 
the web page that you see in your browser.
The head consists of the  
& tags and everything 
in between.
The body consists 
of the  
& and
are inside an tag?
A:
Yes, HTML tags are often “nested” 
like that. If you think about it, it’s natural 
for an HTML page to have a body, which 
contains a paragraph, and so on. So many 
HTML elements have other HTML elements 
between their tags. We’ll take a good look 
at this kind of thing in later chapters, but 
for now just get your mind noticing how the 
elements relate to each other in a page.
Tags can be a little more interesting than what you’ve seen so far. Here’s the 
paragraph tag with a little extra added to it. What do you think this does?

---