Hypertext Markup  «Prev  Next»

Lesson 7 Creating an HTML page
Objective Demonstrate HTML code to create a simple Web page.

Creating an HTML Page

HTML source code


View the code below to see an example of HTML source code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Asteron Interactive Toys | About Us</TITLE>
<META NAME="Description" CONTENT="Asteron Interactive Toys About Us Page">
<META NAME="Keywords" CONTENT="Asteron, Interactive Toys, About Us">
</HEAD>
<BODY>
<H1>Company History</H1>
<P>
The story of Asteron Interactive Toys is well known to every child and adult.
From its start as a tiny Kansas toy shop building wooden rocketships in the 
1940s to today's line of innovative products that make it a fortune 500 company, 
Asteron has captured the hearts and minds of millions. Its rise to fame in the 50s 
with everyone's favorite, Asteron 2000 Space Explorer, tells the classic tale of a 
successful American company, now an international phenomenon. 
<P>
<H1>Asteron's Focus</H1>
<P>
Asteron's focus has changed through the years as well. "The Asteron Toy 
Company" added "Interactive" when the company revamped its
product line in the late 60s with toys that encouraged children
to play with each other, not just with the toys.
</P>
</BODY>
</HTML>

HTML code displayed by a browser

The screenshot below shows how a browser would display the same code.

src="images/codedisplayed.gif" width="470" height="420" layout="responsive" alt="HTML code fragment displayed in Microsoft Internet Explorer">
HTML code fragment displayed in Microsoft Internet Explorer

Viewing HTML source code

legacy-frames
To see other examples of HTML code, look at other Web pages. To see the code that created the page, follow the instructions for your particular browser shown in the table below. You can select view source from the browser to examine the HTML, CSS, and Javascript.

Browser currently available:

There are many more web browsers available. These are the major options on the major platforms, and were chosen specifically from browsers that are actively developed or maintained and support modern web standards (HTML, CSS, JavaScript).

Major Browsers: Windows, Mac & Linux

  1. Features: Web · Email · RSS · Chat · Skinnable · Phishing Filter · Widgets · BitTorrent · Sync · Turbo Mode
  2. Import: Bookmarks from Internet Explorer, Firefox, Safari, Netscape, or generic HTML file; Mail from Outlook Express, Netscape, Thunderbird, Apple Mail, Eudora, or generic mbox file.

Firefox

Get Firefox.
Mozilla Firefox has been the most successful alternative web browser since the “browser wars” ended. The flagship product of the Mozilla Foundation traces its lineage back to the original Netscape. Firefox was designed for simplicity, security, and extensibility, with hundreds of extensions available. The Mozilla Thunderbird mail & news client is a perfect companion. Both applications are open-source.

A Firefox Products is available for Android.
For iPhone and iPad users, Firefox Home will sync your Firefox history, bookmarks and tabs to your phone browser.

Safari

Get Safari Apple stunned the world in 2003 when they announced this browser for Mac OS X. It became so popular with Mac users that Microsoft stopped developing IE for the Mac! Safari is designed for elegance and speed, and is now both the default browser on the Mac and the most popular Macintosh browser.

Safari is also the primary web browser on the iPhone, iPod Touch and iPad.

Google Chrome

In 2008, Google stripped down the web browser to its essentials and rethought basic assumptions about what a browser should do. Focused on enhanced performance for web applications, Chrome stays out of your way and lets you focus on the web itself. Chrome uses the WebKit engine (like Safari) and is similar to the default web browser on the Android mobile phone platform.