Pn Siti Mariam Shafie
Lectures Mon 8.00 – 9.00 am BKB 107B
Wed 8.00 – 9.00 am BKB 107B
Fri 8.00 – 9.00 am BKB 107B
Consultation Fri 11.00 – 12.00 Multimedia
Hours Tue 2.00 – 3.00 Lab
1. Internet and World Wide Web How to Program, Deitel
2. Programming the World Wide Web, 2nd Edition, Robert
3. Mastering HTML 4, 2nd Edition, D.S. Ray and E.J. Ray
4. Learning XML: Guide to Creating Self – Describing
Data, Erik T. Ray
2. SGML AND XML
Assignment : 20%
Mini Project : 10%
Test I : 20 %
Test II : 20%
Final : 30 %
What is the Internet?
• Internet is a collection of millions of computers, all linked
together on a computer network. The network allows all
of the computers to communicate with one another using
TCP/IP (Transmission Control Protocol/Internet Protocol)
•A home computer may be linked to the Internet using a
phone-line modem, DSL or cable modem that talks to an
Internet service provider (ISP).
What is an IP Address?
•Every computer connected to Internet has unique IP
•The Internet Protocol (IP) address is a unique 32-bit
•Written as four 8-bit numbers, separated by periods eg:
What are Domain Names?
•Because most people have trouble remembering
the strings of numbers that make up an IP
addresses, then all servers have human readable-
names called domain names
•There maybe two, three or more domain names.
eg: www.eng.upm.edu.my defines a computer
called eng, located in UPM, an educational
institution in Malaysia where www is a host name.
•The host name and all the domain names are
together called a fully qualified domain name.
World Wide Web (WWW)
•Known as WWW or Web or W3
•It is a system that allow people around the world to use
the Internet to exchange documents via http, ftp, telnet
•Allows computer users to locate and view documents
(text, graphics, animations, audios, videos)
•Documents provided by servers on the Web are
requested by browsers, which are programs
running on client machines
•Microsoft Internet Explorer and Netscape
Navigator are the most popular web browsers.
•Web servers are programs that provide documents
to requesting browsers.
•The most commonly used Web servers are Apache
and Internet Information Server (IIS) from Microsoft
Uniform Resource Locator (URL)
•Used to identify documents on the Internet
•Scheme is often a communications protocol include http,
ftp, gopher, telnet, file, mailto and news
•http protocol supports the Web used to request and send
Tools for creating HTML documents
• HTML editor
• WYSIWYG HTML editor
HTML - Introduction
•HTML has a central role in the Web
•A simple format for describing the structure of hypertext
or hypermedia documents - plain text (ASCII) files with
embedded codes for logical markup
•Not designed to be the language of a WYSIWYG word
processor such as Word or WordPerfect
•Formally an SGML (Standard Generalized Markup
Basics HTML tags
•In HTML, the document is structured into elements,
marked up by tags that are keywords contained in pairs of
•Each document is structured into two parts - <head> and
<body>. The head contains the information which is
information about the document that is not generally
displayed with the document, such as its <title>. The body
contains the actual text that is made up of paragraphs,
lists, and other elements. The contents of the body is
displayed in a browser window.
Basics HTML tags
•Every HTML document should contain certain standard
elements. The required elements are:
•<html></html> encloses the entire document and defines it as
•<head></head> comes after the opening <html> tag and
contains the <title>.
•<title></title> contains the name of the document and must be
enclosed by <head> tags.
•<body></body> contains all the rest of the document.
•The minimal HTML document could contain just those
elements (such document, however, will remain empty on
screen, since its body is empty)
Example 1: Minimal HTML document
<head> <title>Internet programming</title>
• The head element contains general information, or
meta-information, about the document. What
element can appear in the head depends on HTML
version. Some elements:
• The title of the document. All document must have a
• A record of the original URI of the document: this
allows you to move the document to a new location and
have relative URIs access the appropriate place with
respect to the original URI.
•Defines the relationship(s) between this document and
another or others. A document can have several <link>
•A container for document metainformation.
•Stylesheet instructions, written in a stylesheet language.
Stylesheet instructions specify how the document should be
formatted for display.
•A code of client-side script in the document. Example
Example 1: Sample head of HTML document
<link rel="stylesheet" type="text/css" ref="courses.css">
<link href="toc.html" rel="contents">
<link href="slide2.html" rel="next">
font-family: Arial, Helvetica, sans-serif;
1"> <!--embedded script, only executed if foo.js is unavailable
document.write("foo is gone");