HTML
Chapter 1 Introduction to HTML
Developing a Web Site 1
Objective
Explore some background knowledge
about World Wide Web, Hypertext
System, Hypertext Markup Language,
Web pages, how Web pages work,
HTML commands, appearances of a
Web page, creating HTML with a text
editor and what you can expect to
achieve with them.
Developing a Web Site 2
What is World Wide Web?
The World Wide Web(WWW), usually
just called the Web, provides easy
access to many types of information
found on the Internet.
The World Wide Web is a collective
name for all the Web pages on the
Internet.
Developing a Web Site 3
What is Hypertext System?
The Web is a hypertext system, which
means that information on the Web is
linked so that the user can easily go from
one page of information to another,
related page by using a browser.
Developing a Web Site 4
Hypertext Markup Language
Hypertext Markup Language(HTML) is a
special programming language used to
create pages on the Web.
With HTML, a Web page developer can
lay out the form of a page, with text,
graphics, and connections called
hyperlinks to other pages.
Developing a Web Site 5
Hypertext Markup Language -
continued
The developer does this by putting brief
codes called tags in the page to indicate
how the page should be formatted.
When viewed with a browser, the page
appears in its formatted form, without the
tags.
Developing a Web Site 6
What is a Web Page?
A Web page is a text document that
uses commands in a special language
called HTML to add formatting, graphics
and other media, and links to other
pages.
It is identified by a uniform resources
locater(URL) and the user enters the
URL into a browser to go to a page.
Developing a Web Site 7
What is a Web Page? - continued
Web information includes not only text,
but also graphic images, pictures, video
and sound.
Developing a Web Site 8
How Web Pages Work?
The process of displaying a Web page is
simple: You tell your computer which
page you want to see, and the page
appears on your screen.
If the page is stored on a disk inside your
computer, it appears almost instantly.
If it is located on some other computer,
you might have to wait for it to be
retrieved.
Developing a Web Site 9
How Web Pages Work? - continued
What appears as a single "page" on your
screen may actually be an assembly of
elements located in many different
computer files.
A Web browser is a computer program
that interprets HTML commands to
collect, arrange, and display the parts of
a Web page.
Developing a Web Site 10
How Web Pages Work? - continued
There are two most popular Web
browser software available today:
Netscape Navigator and Microsoft
Internet Explorer.
Developing a Web Site 11
HTML Commands
To see the HTML commands for any
page on the Web, select View |
Document Source in Netscape Navigator
or View | Source in Microsoft Internet
Explorer.
Developing a Web Site 12
Appearances of a Web Page
A single Web page can take on many
different appearances, depending on
who views it and what they view it with.
People who are using different versions
of the same Web browser may also see
significant differences in a page.
Developing a Web Site 13
Creating HTML with a Text Editor
There are two basic approaches to
making an HTML page: you can type out
the text and HTML commands yourself
with a text editor, or you can use
graphical software that generates the
HTML commands for you.
Developing a Web Site 14
Creating HTML with a Text Editor -
continued
You can type and save that text with any
word processor or text editor you have
on hand.
You then open the text file with Netscape
Navigator or Microsoft Internet Explorer
to see it as a Web page.
Developing a Web Site 15
Creating HTML with a Text Editor -
continued
When you want graphics, sound, animations,
video, or interactive programming to appear on
a Web page, you can type HTML text
commands telling the Web browser where to
find the media files.
The media files themselves remain separate,
even though the Web browser will make them
look as if they're part of the same document
when it displays the page.
Developing a Web Site 16
Other Applications of HTML
Most private corporate networks now
use HTML to provide business
information to employees and clients.
HTML is now the interface of choice for
publishing presentations on CD-ROM
and the new high-capacity digital
versatile disk(DVD) format.
Developing a Web Site 17
Other Applications of HTML -
continued
Microsoft is even integrating HTML
directly into the Windows operating
system, allowing every storage folder in
your computer to be associated with an
HTML page and hypertext links to other
folders and pages.
Developing a Web Site 18
Summary
Introduced the basics of what Web
pages are and how they work.
The coded HTML commands are
included in the text of a Web page, but
images and other media are stored in
separate files.
A single Web page can look very
different, depending on what software
and hardware are used to display it.
Developing a Web Site 19
