Scribd
Upload
56 views

HTML Chapter 1 Introduction To HTML: Developing A Web Site 1

This document provides an introduction to HTML and web development. It explains that HTML is the code used to structure and format web pages, which are made up of text, images, and other media. Web pages use HTML tags and commands to link together over the internet via hyperlinks. The document outlines how to create basic HTML web pages using a text editor by typing the HTML code and including links to separate media files.

Uploaded by

Puteri Maisara
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
56 views

HTML Chapter 1 Introduction To HTML: Developing A Web Site 1

This document provides an introduction to HTML and web development. It explains that HTML is the code used to structure and format web pages, which are made up of text, images, and other media. Web pages use HTML tags and commands to link together over the internet via hyperlinks. The document outlines how to create basic HTML web pages using a text editor by typing the HTML code and including links to separate media files.

Uploaded by

Puteri Maisara
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 19

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

You might also like