04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Now let’s take a look behind the scenes and step through how the<br />

browser retrieves and displays this page when it is requested from<br />

http://lounge.headfirstlabs.com:<br />

2<br />

1<br />

<strong>First</strong> the browser retrieves the file “elixir.html” from the server.<br />

Empty browser window, nothing retrieved yet.<br />

Browser<br />

Browser<br />

“I need the <strong>HTML</strong> f<br />

le ‘elixir.html’”<br />

“ Found it, here ya go”<br />

adding images to your web pages<br />

Web Server<br />

Next the browser reads the “elixir.html” file, displays it, and sees it<br />

has four images to retrieve. So, it needs to get each one from the Web<br />

server, starting <strong>with</strong> “green.jpg”.<br />

The <strong>HTML</strong> page is retrieved, but the browser<br />

still needs to get the images.<br />

“Oh, it looks like I need green.jpg, too”<br />

“ Found it, here ya go”<br />

Web Server<br />

Behind<br />

the Scenes<br />

<br />

<br />

<strong>Head</strong><br />

<strong>First</strong> Lounge Elixirs<br />

<br />

<br />

Our Elixirs<br />

...<br />

<br />

<br />

<br />

<strong>Head</strong><br />

<strong>First</strong> Lounge Elixirs<br />

<br />

<br />

Our Elixirs<br />

...<br />

<br />

<br />

<br />

Another<br />

Page<br />

<br />

<br />

Another<br />

Page<br />

...<br />

<br />

<br />

<br />

Another<br />

Page<br />

<br />

<br />

Another<br />

Page<br />

...<br />

<br />

you are here 167

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!