Quackit Logo
Sponsored Links
$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.
Create free Flash websites

Web Page Content

Print Version

A web page is simply a text file. The text file contains text and markup code that specifies what should appear when viewed with a web browser. When you view the page with your web browser, the web browser renders the markup code (it displays as intended), instead of just outputting the code (browsers know to do this). Behind the scenes, the web page looks different to what you see in your browser. When you view the file with a text editor or HTML editor, you'll see the HTML tags (as written by the programmer).

Below is an example of a what a web page looks lke "behind the scenes". This is what a web page looks like if you open it up using a text editor (such as Notepad, SimpleText, etc):

<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>My First Webpage</h1>
    <p>Welcome to my first webpage!</p>
    <p>Here's a new paragraph...</p>
  </body>
</html>

And here's what it looks like when you view it using a web browser (such as FireFox, Internet Explorer, etc):

Screenshot of example web page

How Does a Web Page Embed Images?

Like most other content on a web page, website authors embed images using a basic line of code. The code for embedding images looks something like this:

<img src="http://www.natural-environment.com/images/image_1.gif" width="100px" height="50px" alt="Example image" />

The code requires one thing: That the image actually exists at the location that is specified in the src="..." attribute. Therefore, for a web page to contain 3 images, the 3 images need to exist on the server too (as well as the web page containing the code).

When visitors request the web page, the page and all images are downloaded to their computer and displayed in their browser.

Linking Between Web Pages

Most web pages contain links to other web pages. These can be internal links (to another page on the same website), or external links (to a page on another website).

Either way, it's just as easy for web authors to create external links as it is to create internal links. The same code is used regardless - it's just the URL that changes.

Authors can create a link using a single line of code. Here's an example of what the code looks like:

<a href="http://www.natural-environment.com">Natural Environment</a>

The above code results in this:

Other Web Page Content

Any other content on the web page is made up of a combination of text and code, most of which looks somewhat similar to the above image code.

For example, the following code:

Here's some <b>bold</b> text.

Results in this:

Here's some bold text.

The <a...>, <img...> and <b> are referred to as HTML tags.

You can learn more about creating websites with this tutorial on how to make your own website.

Enjoy this website?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation
  4. Add this page to your favorite social bookmarks sites:      

Oh, and thank you for supporting Quackit!

FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!