Introduction internet appli

1.1 Introduction
This section of the course will begin by examining. the internet, what it is and how it works. The
types of servers and internet addressing. It reminds students of what they did in the unit BIT
1102 Internet Technology.
1.2 Objectives
1. The learner should be able to define the internet.
2. Remind the learner of Internet protocols as learnt in Internet Technologies.
3. Know how the internet works.
4. The learner should be able to describe the types of servers.
5. The learner should be able to describe internet addressing.
1.3 What is the Internet
The Internet is a global system of interconnected computer networks that use the standard
Internet protocol suite (TCP/IP) to link several billion devices worldwide. It is a network of
networks that consists of millions of private, public, academic, business, and government
networks, of local to global scope, that are linked by a broad array of electronic, wireless, and
optical networking technologies. The Internet carries an extensive range of information resources
and services, such as the inter-linked hypertext documents and applications of the World Wide
Web (WWW), the infrastructure to support email, and peer-to-peer networks for file sharing and
telephony. In the two decades following 1994 it has all but replaced earlier telegraph systems
such as Telex and by far has exceeded the functionality of earlier forms of telegraph. Internet
users are also able to share resources and make available a huge amount of information to other
internet users. Information of every conceivable topic can be found on the internet, in addition to
large repositories of software, graphics, sound files and video clips.
1.4 How does the Internet work
To understand the Internet, it helps to look at it as a system with two main components. The first
of those components is hardware. That includes everything from the cables that carry terabits of
information every second to the computer sitting in front of you.
Other types of hardware that support the Internet include routers, servers, cell phone towers,
satellites, radios, smart phones and other devices. All these devices together create the network
of networks. The Internet is a malleable system -- it changes in little ways as elements join and
leave networks around the world. Some of those elements may stay fairly static and make up the
backbone of the Internet. Others are more peripheral.
These elements are connections. Some are end points -- the computer, smart phone or other
device you're using to read this may count as one. We call those end points clients. Machines
that store the information we seek on the Internet are servers. Other elements are nodes which
serve as a connecting point along a route of traffic. And then there are the transmission lines
which can be physical, as in the case of cables and fiber optics, or they can be wireless signals
from satellites, cell phone or 4G towers, or radios.

All of this hardware wouldn't create a network without the second component of the Internet: the
protocols. Protocols are sets of rules that machines follow to complete tasks. Without a common
set of protocols that all machines connected to the Internet must follow, communication between
devices couldn't happen. The various machines would be unable to understand one another or
even send information in a meaningful way. The protocols provide both the method and a
common language for machines to use to transmit data. Most of these protocols and how they
work, you have done in the unit internet technologies.
1.5 TYPES OF SERVERS
The Internet is made up of millions of machines, each with a unique IP address. Many of these
machines are server machines, meaning that they provide services to other machines on the
Internet. You have heard of many of these servers: e-mail servers, Web servers, FTP servers,
Gopher servers and Telnet servers, to name a few. All of these are provided by server machines.
1.5.1 WEB SERVERS
At its core, a web server serves static content to a web browser by loading a file from a disk and
serving it across the network to a user’s web browser. This entire exchange is mediated by the
browser and server talking to each other using Hypertext Transfer Protocol (HTTP)
1.5.2 DNS SERVERS
Since most people have trouble remembering the strings of numbers that make up IP addresses,
and because IP addresses sometimes need to change, all servers on the Internet also have human-readable
names, called domain names. For example, www.howstuffworks.com is a permanent,
human-readable name. It is easier for most of us to remember www.howstuffworks.com than it is
to remember 209.116.69.66.
The name www.howstuffworks.com actually has three parts:
1. The host name ("www")
2. The domain name ("howstuffworks")
3. The top-level domain name ("com")
Domain names are managed by a company called VeriSign. VeriSign creates the top-level domain
names and guarantees that all names within a top-level domain are unique.
A set of servers called domain name servers (DNS) maps the human-readable names to the IP
addresses. These servers are simple databases that map names to IP addresses, and they are
distributed all over the Internet. Most individual companies, ISPs and universities maintain small
name servers to map host names to IP addresses. There are also central name servers that use
data supplied by VeriSign to map domain names to IP addresses.
1.5.3 PROXY SERVERS
Proxy servers sit between a client program (typically a web browser) and an external server
(typically another server on the web) to filter requests, improve performance, and share
connections.

1.6 INTERNET ADDRESSING
1.6.1 IP ADDRESS
An IP address is a unique numerical address assigned to every machine on the Internet.
The IP address is a 32 bit binary number normally represented as 4 decimal values i.e. octets.
Each octet represents 8 bits in range from 0 to 255 separated by decimal points. This method of
notation is called the dotted decimal notation e.g. 216.27.61.137
To guarantee world-wide unique addresses, IP addresses are licensed from Network
Information Center (NIC).
An IP address and its subnet mask perform the following functions:
- Enable the system to process the receipt and transmission of packets.
- They specify the device’s local addresses.
- They specify a range of addresses that share the cable with the device.
Commands that can be used to verify IP configuration
Router interfaces must be configured with an IP address if it is to be routed to or from the
interface.
PING
This uses ICMP protocol to verify the hardware connection and logical address at the network
layer.
This command is used to determine the response time of a host.
TRACERT
This command is used to determine the path of a packet.
IPCONFIG
This command is used to determine the IP address of your computer.
1.6.2 DOMAIN NAMES
This is a unique name that identifies an Internet site.
It is an alpha-numeric representation of the IP address. The characters are separated by dots and
correspond to an IP address e.g. www.nation.co.ke
IP addresses are not user friendly and could cause typing errors; the domain name system (DNS)
was created so people would not have to remember several confusing numbers. Domain names
enable short, alphabetical names to be assigned to IP addresses.
They are easier to remember and to work with than an IP address and are informative and
convenient to people.
A domain name is divided into two main parts:
(i) First level
It is an extension and is assigned according to what kind of domain it represents
E.g.
Domain name Type of domain
Edu Educational institution
Gov Government organization

Mil Military organization
Net Network service provider
Com Commercial organization
Org Organizations
Au Australian domain
Uk United Kingdom domain
Ke Kenyan domain
Za South African domain
(ii) Second level
It is a name one chooses or the main host of the Internet.
E.g. www.mail.yahoo.com
Domain name contains the following information
- the name of the organization
- the organization itself
- the country
- the particular computer or network
1.6.3 FQDN
- A Fully Qualified Domain Name is a domain name that includes all higher level domains
relevant to the entity named.
- It is usually selected to give a clear indication of the site’s organization or sponsoring agent.
1.6.4 DOMAIN NAME SERVICE (DNS)
- This is a hierarchical, distributed method of organizing the name space of the Internet. It
translates domain names to IP addresses and vice versa.
- It provides a centralized, distributed database which keeps track of computers names and
their corresponding IP addresses.
- DNS servers are computers connected to the Internet host part of the DNS database and
allow others to access it.
- DNS servers contains a subset of the entire databases. DNS uses a client/server model where
the DNS servers contain information about a portion of the DNS database and makes
information available to clients.
1.6.5 ROUTING
- A router is a machine that routes packets and keep information used to get data to its
destination in routing tables.
- Each router knows about its sub-networks and which IP addresses they use.
- Routers form a tree-like structure on the Internet with Network Service Provider (NSP)
backbone at the roots.
- When a packet (piece of data) arrives at a router, the router examines the IP address of its
destination then checks its routing table. If the network containing the IP address is found the
packet is sent to that network, if not, then the router sends the packet on a default route up the
backbone to next router until it finds its destination. This process is called package routing.
Revision Questions
1. Briefly explain what the internet is.

2. Describe the protocols of the internet.
3. Explain the Internet addressing modes.
4. Discuss the various types of servers.
Suggested Reading
1. Tanenbaum, A.S and Wetheral,D. 2011 Computer Networks. 5th edition. New Delhi:
Prentice-Hall
2. Stallings, W. I.2004 Data and computer communications. 7th edition. New Delhi:
Pearson/Prentice Hall
Lesson Two
2.1 TYPES OF DOCUMENTS
(1) Static document
- Documents are stored as a file on a server
- The same content is delivered every time that URL is accessed.
- Advantages : They are simple, reliable, fast and the documents can be cached locally at a
client.
- Disadvantages : Inflexible as content can only be changed by updating the file.
Information can become boring easily.
(2) Dynamic documents
- The documents are created by a program like CGI -script.
- Advantages : Information is timely and always reflects the latest information.
- Disadvantages : They are not reliable.
Require high cost of executing and maintenance.
Slow to access
(3) Active documents
- These are documents that contain executable elements that are executed by the client on
arrival.
- Executable elements are in script language such as JavaScript, Active X, Java applets e.t.c
- Advantages:
- Documents reflect the latest information.
- Good performance
- Disadvantages:
- High cost of execution and maintenance.
- It is complex and poses a great security risks from servers and codes.
2.2 What's the relationship between the WWW and the Internet?
The World Wide Web (WWW) is a client server architecture system for information serving and
retrieval. The WWW is a means by which a user can ask a computer connected on the internet to
serve (or transmit) some information to the user (or client).The WWW works through the
installation of both client programs and server programs.

The World Wide Web is just one of the many services that the Internet provides. Some other
services provided by the Internet are email, FTP, gopher, telnet and usenet.
Almost every protocol type available on the Internet is accessible on the web including the
following components: Email, FTP, Telnet, User news, HTTP
2.2.1 Features of WWW
- It has its own protocol i.e. HTTP
- It creates a convenient and user friendly environment
- It is the fastest components of Internet since it gathers together all the protocols into a single
system.
- It relies on the hypertext as means of Information retrieval.
- It has the ability to work with multimedia and advanced programming languages i.e. text,
graphics, video and audio.
- It is a delivery medium, content provider and subject matter.
- It connects users to almost any part of the Internet.
- It is used to explore intellectual, verbal knowledge and effective learning.
- It contains complex virtual web of connections and consist of files.
It provides real-time collaboration, interactive pages and automatic push of information to
client computers.
2.2.3 FTP
- The Internet allows you to copy files between your computer and other computers on the
Internet by using file transfer protocol (ftp). You connect your computer to an ftp server, an
Internet host computer that stores files for transfer. You may be required to log in to retrieve
a file, which varies from software, and text files to graphic files.
2.2.4 E-mail
- This is online communication between computer users. It is quick, convenient, efficient and
cheap way to communicate with both individuals and groups.
- It’s the most popular internet service.
2.2.5 TELNET
It’s a service that enables remote log in. Users are permitted to log in onto a host and perform
tasks as if they are working on the remote computer itself.
2.2.6 USENET/newsgroups, mailing lists
A huge network of discussion groups
2.2.7 Gopher
This is a menu based system that allows a user to access information from a remote
computer. Menu items point to a file which may be located on the same computer or on a
different one.
2.2.8 IRC
This is an Internet service that allows a number of users to connect to the same network node
and communicate in real time.

2.3 SGML (Standard Generalized Markup Language)
Historically, Electronic publishing applications such as Microsoft Word, Adobe PageMaker or
QuarkXpress, "marked up" documents in a proprietary format that was only recognized by that
particular application. The document markup for both structure and style was mixed in with the
content and was published to only one media, the printed page.
Because SGML is a nonproprietary international standard it allows you to create documents that
are independent of any specific hardware or software. The document structure (what elements
are used and their relationship to each other) is described in a file called the DTD (Document
Type Definition). The DTD defines the relationships between a document's elements creating a
consistent, logical structure for each document.
SGML is good for handling large-scale, long-term information management needs and has been
around for more than a decade as the language of defense contractors and the electronic
publishing industry. Because SGML is very large, powerful, and complex it is hard to learn and
understand and is not well suited for the Web environment.
2.4 XML (Extensible Markup Language)
XML is a "restricted form of SGML" which removes some of the complexity of SGML. XML
like SGML, retains the flexibility of describing customized markup languages with a user-defined
document structure (DTD) in a non-proprietary file format for both storage and exchange
of text and data both on and off the Web.
XML separates structure and content from style and the structural markup tags can actually
describe the content because they can be customized for each XML based markup language. A
good example of this is the Math Markup Language (MathML) which is an XML application for
describing mathematical notation and capturing both its structure and content.
Until MathML, the ability to communicate mathematical expressions on the Web was limited to
mainly displaying images (JPG or GIF) of the scientific notation or posting the document as a
PDF file. MathML allows the information to be displayed on the Web, and makes it available for
searching, indexing, or reuse in other applications.
2.5 HTML (Hypertext markup Language)
The way in which web pages are formatted, and thus displayed, is controlled through the
use of the HyperText Mark-up Language, Known simply as HTML.
HTML web pages are standard ASCII (American Standard Code for Information
Interchange) file. Each web page is a simple text file which is not stored or encoded in
any complex way. Html is a set of formatting marks which can be used to influence the
way the web page is displayed on the client browser, once it has been delivered by the
WWW server. The HTML formatting marks are known as elements.

Once the web browser receives the ASCII web file it scans the file looking for the
element markers which instruct it to, for example display this text as a large heading and
to insert a graphic at a particular position. The web browser the displays the web page in
accordance to these instructions.
2.6 Relationship between SGML, XML and HTML
HTML is a single, predefined markup language that forces Web designers to use its limiting and
lax syntax and structure. The HTML standard was not designed with other platforms in mind,
such as Web TV’s, mobile phones or PDAs. The structural markup does little to describe the
content beyond paragraph, list, title and heading.
XML breaks the restricting chains of HTML by allowing people to create their own markup
languages for exchanging information. The tags can be descriptive of the content and authors
decide how the document will be displayed using style sheets (CSS and XSL). Because of
XML's consistent syntax and structure, documents can be transformed and published to multiple
forms of media and content can be exchanged between other XML applications.
HTML was useful in the part it has played in the success of the Web but has been outgrown as
the Web requires more robust, flexible languages to support it's expanding forms of
communication and data exchange.
Summary
XML will never completely replace SGML because SGML is still considered better for long-time
storage of complex documents. However, XML has already replaced HTML as the
recommended markup language for the Web with the creation of XHTML 1.0.
Even though XHTML has not made the HTML that currently exists on the Web obsolete, HTML
4.01 is the last version of HTML. XHTML (an XML application) is the foundation for a
universally accessible, device independent Web.
Revision Questions
1. Briefly explain the services offered by the internet.
2. What is the relationship between SGML, XML and HTML
3. Give the benefits and limitations of SGML and XML.
4. Discuss the evolution of HTML.
LESSON THREE
3.1 Introduction

In this lesson we are going to look at web design, what it is, components of web design, concepts
used in web design and the factors to consider when designing a web site.
3.2 WEB DESIGN
This is a user centered multi disciplinary design pursuit pertaining to planning and
production of web sites. It includes influences from visuals arts technology, information structure
and networked delivery.
Components of web design
It consists of 5 components:
(i) Content
(ii) Visuals
(iii) Technology
(iv) Delivery
(v) Purpose
3.3 Factors to consider while designing a web site
(i) The subject content - Should be relevant
(ii) The coverage of the topic/scope of the resource - Size of page, wide or narrow
scope
(iii) Presentation of the information - Should be accurate, should be logical
(iv) Interest of the authority - those responsible for the site, Is the author an expert on
the subject?
(v) The objectivity of the site – How balanced or bias is the coverage?
(vi) Presentation – keep in mind the interest of the users
(vii) Currency - availability of the updates - date of publication
(viii) Usability – is information useful
3.4 Factors that influence the significant impact of the web design on web marketing efforts
(i) How long it takes to load a web page
(ii) How often visitors visit the site, register or buy products
(iii) How long users use the site
(iv) How users find the site
(v) How likely users revisit the site
3.5 Modern web design consideration
3.5.1. Web - centered versus designer - centered site design.
One has to consider the designer and user needs hence the site should be developed with
the users in mind.
3.5.2. Balance of form and function
The site should contain function with form to inspire the user and to break the site boredom.
There should be a clear and continuous relationship between form and function. The designer has
to make sure that the visual form of the page related to its function.

3.5.3 Quality of execution
A web site is considered excellent if it is useful, usable, correct and pleasing. The
components of web development have to be compatible e.g. HTML, XML, JavaScript, Java,
flash browser, compatibility and server capacity.
3.5.4 Conformity of conversion and innovation
This includes how fast the site loads and how attractive the site is.
3.6 WEB SITES
- This is a group of web pages that are related and logically connected.
- Web sites can be viewed using software called a web browser eg Internet Explorer, Netscape
navigator
- A web site may contain a single web page or many interconnected web pages.
3.7 CONCEPTS USED IN WEB DESIGN
3.7.1. Web page
- This is a single web document that is everything you can see on your PC's browser window
at one time. Web pages are multiple documents.
- A web page can perform the following:
- Present information in an interesting way.
- Provide course material for students
- Share information globally
- Direct potential employees to information
3.7.2. Entry Page
- This is the first page a visitor views when entering a web site. It is not necessarily the home
page.
3.7.3. Home Page
- This is the introductory, starting, first, or welcome page for a web site.
- It is where other pages branch off.
- It is the main page of a web site.
- It acts as the introductory page by providing visitors with an overview of the web site and
links to the rest of the site.
3.7.4. Exit page
- This is the last page a visitor views before leaving the web site.
3.7.5. Hypertext
- This is text that contains links to other texts or documents.
- It refers to any word or phrase in an electronic document that can be used as a pointer to a
related text page.
3.7.6. Hypermedia
- This is a system that has links between texts or media that takes users to another web page.
- It contains various types of media hyperlinked to connect a page to other pages.

3.7.7. Link
- This is a connection made on a piece of text or media that takes users to another web page.
- It is a part of web that can be clicked to get to somewhere else.
3.7.8. Hyperlink
- This is a connection or links from one document to another or to any resource within a
document.
- It is the most basic navigational element in a web browser.
3.7.9. Broken Link
It is a link that references a page that no longer exists.
3.7. 10. Content
These are all the words, images and link which a user can read and interact with in a web page.
3.7.11. In - Line
- This is a resource of some type, which is placed directly into a document.
- It is always used in an image i.e. inline image.
3.8 Web design tools
- HTML documents are plain-text (also known as ASCII) files that can be created using any
text editor. E.g. of text editors include notepad, web-edit, word processors like MS Word,
DOS edit, Netscape composer
- Some WYSIWYG editors can also be used e.g. Front page, Outlook Express, Claris Home
page, Adobe Page Mill.
One can also use graphic tools like Photoshop, Paint, Animated GIF construction set, PageMaker
etc.
3.9 Web browsers
The piece of software that runs on your computer and allows you to view Web pages is known as
the web browser the most common browsers are Netscape, Mozilla, Safari, Google Chrome and
Internet Explorer.
3.10 Revision Questions
1. What is Web design?
2. What are some of the factors to consider when designing a web site?
3. Identify the web browsers that are used in web design.
Lesson 4: Introduction to HTML

In this lesson we are going to look at the structure of an HTML document. The elements that
make up a web page, software that is used in creating web pages, the general structure of a web
page. The elements used in the heading section and introduction to the body section of an html
document.
4.1 HTML Elements
HTML elements provide formatting information on how a web page should be displayed.
Elements are a request for something to occur. Since HTML documents are stored as ASCII text
files they are not compiled but are simply interpreted. If during interpretation the web browser
doesn’t understand a particular element instruction or is unable to perform it, for whatever
reason, then the element is simply ignored. No error message will be displayed.
- It is platform independent. This means that the text and the content are encoded in a way that
they can be displayed on a wide range of computers.
- Pages are made of text, images and URL links.
- HTML is structured i.e. it has a beginning, body and end.
- HTML is composed of tags or elements which are always enclosed in angle brackets <>
- Tags in HTML are not case sensitive.
- In HTML there are two types of tags, container or open tags, and empty tags.
- Container tags occur in pairs. An example of a container tag is the <title></title> tag.
Whatever is contained within this tag is assigned to the title. Notice that the closing tag has a
slash in it.
- Empty tags require no closing tag. An example of an empty tag is the break tag <br>. This
forces the cursor to a new line.
- Tags should always be balanced hence containers should be nested within each other.
- Start tag switches format on
- End tag switches format off
- Start tag <>
- End tag </>
- Example <I> text </I>
- switches italics on and off
- Tag names are not case sensitive
- – but use upper case
- Cannot have spaces after <
- < I> is not <I>
- Can have spaces and other text before >
- Start tags can have attributes
- <tag name attribute name>
- <tag name attribute name=“argument”>
- Tags can be intermixed with text
Advantages of HTML
1. It can be written in any editor.
2. It is universal and simple to learn and implement.
3. It gives an opportunity to further explore and add more features.

4.2 Software to create Web pages
To create a web page we need a text editor which can save files as ASCII text. Any editor
e.g. MS Word will do but the preferred editor is notepad
4.3 Naming Conventions
There are a number of naming conventions which should be adhered to when creating Web
pages. Web pages should be identified by use of the extension .html.
The html language supports a limited number of graphics formats. The most commonly used
among these are;
i. Graphics interchange format (.GIF)
ii. JPEG compressed files. (.JPEG or .JPG) extension.
Various other file formats have standard filename extensions, some of the common ones include:
i. .MPG - Em-peg movie file
ii. .mpeg – Em-peg movie file
iii. .WAV – Wave sound file
iv. .TXT – Text file
v. .EXE – DOS executable file
vi. .ZIP – DOS compressed zipped file
vii. .Z – UNIX compressed file
viii. .EPS – Encapsulated Postscript file
4.4 Introduction to the heading Section
The heading section of a HTML document contains general information about the document.
Such information includes the title of the document, its relationship to other documents, whether
it is a searchable index or not. Information in the Heading section is not displayed in the main
hypertext window. Examples of elements in the heading section;
4.4.1 <TITLE> - This element defines the title of the HTML document. This is
displayed by many browsers, on the top title bar of the application window.
4.4.2 <ISINDEX> - This element indicates whether the Web document is
searchable. It’s not used often.
4.4.3 <NEXTID> - This element is used to supply certain web page creation
programs with a unique identification number when editing a suite of Web
documents. . It’s not used often.
4.4.4 <LINK> - This element allows a relationship to be defined between
documents which are similar in a Web system.
4.4.5 <BASE> - This element allows the Base URL of the document to be recorded.
The base URL is the original location of the document system.
4.4.6 Comments can be inserted into a HTML document anywhere but it is
recommended that they be inserted in the heading section of the document and
define the name of the document, who created it and when it was written, as a
minimum amount of information. Comments are not displayed by the web
browser and are included for information only.
Example on how to use comments

<HTML>
<HEAD>
<!- -this is my first page- ->

</HEAD>
<BODY>
The text of the page goes here
</BODY>
</HTML>
4.5 Structure of a HTML Document
<HTML>
<HEAD>
<TITLE> title text goes here </TITLE>
</HEAD>
<BODY>
The text of the page goes here
</BODY>
</HTML>
4.6 Exercise
1. Illustrate the use of the <Title> tag in HTML document.
2. Design an HTML document with the elements of the heading section discussed above.
Note that all the elements are open or container tags (elements) and must have their
corresponding closing tags.
Lesson 5: Simple Text formatting
5.1 Introduction to the BODY Section
In this lesson we will introduce a number of basic HTML elements which effect the display and
formatting of text within the Body section of the HTML document.
The majority of HTML elements are placed in the BODY section of the document.
These elements define how the HTML document should be displayed. Each of the
elements in the BODY section can be thought of as a request to the web browser
to format the web page in a certain way.
Web browsers differ in their ability and run in a variety of ways.
5.2 Paragraphs
The element <P> is used to instruct the web browser to place the text that follows it on a new
paragraph, i.e. it inserts a blank line between paragraphs and aligns the text with the left side of
the web browser window. The <P> element is both an empty and an open type.

Attributes of Paragraph tag
<P ALIGN= CENTER></P>
<P ALIGN= RIGHT></P>
<P ALIGN=LEFT></P> is the default alignment i.e. if the align attribute is not included, the
paragraph will be left aligned
Example
<HTML>
<HEAD>
<TITLE>This is my first web page</TITLE>
</HEAD>
<BODY>
<P>Hello world!</P>
</BODY>
</HTML>
5.3 Forcing a new line break
The element <BR> is used to move the text that follows it to a new line on your web page. No
blank line is inserted between the previous line and the new one. The <BR> element is a empty
element. Any number of <BR> elements can be placed in a row. This provides the ability to
insert any number of lines between paragraphs of text, consider
<HTML>
<HEAD>

</HEAD>
<BODY>
This text forms the first paragraph of my document.
<BR>
This text starts on a new line. Notice that there is no space between this line and the previous one.
<BR>
<BR>
This text is on a another new line. There are two line break elements above this text.
<BR>
<BR>
<BR>
This line has three line break elements above it.
</BODY>
</HTML>

5.4 Inserting Section Heading
Html has six levels of headings numbered H1 to H6 with H1 being the largest. Headings
are typically displayed in larger and/or bolder fonts than normal body text.
<HTML>
<HEAD>
<TITLE>Welcome to my page </TITLE>
</HEAD>
<BODY>
<H1> This is Heading 1 </H1>
<H2> This is heading 2 </H2>
<H5>This is heading 5 </H5>
<H6>This is heading 6 </H6>
The bulk of the page goes here
</BODY>
</HTML>
5.5 Preformatted Text
The <PRE> element stands for predefined text and is an open element. Text in between the
opening tag of <PRE> and closing tag, displays text as typed by the user.
5.6 Block quote Text
The <BLOCKQUOTE> element allows us to format some normal text as though it were a
quotation. It requires a closing element.
5.7 Address Text
The open <ADDRESS> element is used to define some text as being an address, signature and
/or authorship. This element is often found at the top or bottom of a document. It implies a
paragraph break before and after, its normally rendered in an italic typeface.
5.8 Physical Text Characteristics
Html has two types of styles for individual words or sentences.
(i) Physical styles
(ii) Logical styles
Physical styles
They offer consistency in that something you tag a certain way will always be displayed that way
for readers of your document.

Examples of physical styles
<B> Bold text
<I> Italic text
<TT> Typewriter text e.g. fixed-width font
<U> Underline text
<Strike> Strikethrough text
<blink> Causes text to blink
<Basefont> Used to specify the overall font for your page. It is added immediately
after the <body> tag. It has a face, size and color attributes. It has no
closing tag. E.g.
<body>
<basefont face =”arial, verdana, courier” size=”5” color =”red”> Hello
this is my page.<br>This is text<br></body>
<Font> It has face, size and color attributes.
Font size: Used to set the size of the font from 1(smallest) to 7(largest)
with size 3 being the normal text.
Format- <font size =”6”>font size 6</font>
The other method for using font tag is provided by relative size change
from basefont size
i.e. <basefont size=”5”>size five<br>
<font size = “+1”> size six<br>
<font size = “-1”>size four</font><br>
Font face: Used to specify the desired font typeface. The faces selected
should be standard. The browser uses the first font in the list available on
the visitor’s computer.
e.g. <body>
<font face =”verdana, Helvetica,courier”>Some text here</font>
Attributes
<div align =”left”> This text is left aligned</div>
<div align=right”> This text is right aligned</div>
Superscript
<sup>…..</sup>
The text is raised
e.g. km<sup>3</sup> would be km3
Subscript
<sub>…..</sub>
The text is lowered
e.g. H <sub>2</sub>O would be H2O
Text justification/
Alignment
The text is justified according to the align attribute indicated to align the
text in the page layout.
The justification tag is <div>…….</div>
Note: Most websites stick to fonts like Times Roman and Arial, because most computers have these fonts
installed. If you were to use an elaborate font and your viewers didn't have that font, it will revert to Sans-
Serif or Helvetica, as default.
Example
<HTML>
<HEAD>

<TITLE> My Web Page </TITLE>
</HEAD>
<BODY>
<H1> Example HTML Source </H1>
<P>This is <I >my</I> first web page</P>
The next two words <B> are bold </B><BR>
<U> This text is underlined</U><BR>
Now back to unformatted text<BR>
<EM>emphasis <STRONG>emphasis and strong <STRIKE>emphasis,
strong and strikeout
</STRIKE></STRONG></EM>
</BODY>
</HTML>
5.9 Logical Text Characteristics
These styles tag text according to its meaning.
These tags do not directly specify the type of highlighting they will employ.
- The advantage of this approach is that it reduces repetition of modification of text e.g. when you want
to change the appearance of level one heading from 24-point times centered to 30 Helvetica right
aligned, all one has to do is change the definition of level one in the web browser.
- Another advantage of logical styles is that they enforce consistency.
Examples of logical styles
<DFN> For a word being defined, Typically displays the words in Italics.
<EM> For emphasis. Typically displays the words in Italics.
<CITE> For titles of books e.t.c. Typically displays words in Italics
<CODE> For computer code. Displayed in a fixed width font.
<KBD> For user keyboard entry. Displays words in plain text width font
<SAMP> For a sequence of literal characters. Displayed in a fixed width font
<STRONG> For strong emphasis. Typically displays words in bold.
<VAR> For a variable, where you will replace the variable with specific information.
Typically displays words in Italics.
<ADDRESS> Displays a block of text in Italics and offsets it to a new line
1.10 SPECIAL CHARACTERS
The ASCII characters <,> and & have special meanings in HTML therefore, they cannot be used
in text. The angle brackets are used to indicate the beginning and end of tags while the ampersand
sign is used to indicate the beginning of an escape sequence.
& lt Is used to display < less than
&gt Is used to display > greater than
&amp Is used to display & ampersand
&copy Is used to display ã copyright
&reg Is used to display â trademark
&quot Is used to display " quote
&plus or mn Is used to display /- plus or minus

&not Is used to display - negative
&deg Is used to display o degree sign
&pound Is used to display pound sign
&micro Is used to display micron
&para Is used to display paragraph mark
&yen Is used to display yen sign
&sect Is used to display § section
&cent Is used to display cent
&raquo Is used to display double greater than
&laquo Is used to display double less than
&middot Is used to display midline dot
&nbsp Is used to display space character
It is used to add extra spaces.
&ouml Is used to display a lower case o with an umlaut:
&ntilde Is used to display a lower case n with a tilde:
&Egrave Is used to display an uppercase E with a grave accent:
NB/ unlike the rest of HTML, the escape sequences are case sensitive.
1.11 Exercises
1. Write a paragraph about your family. Create a web page which will display this
paragraph. Each family member should have a heading, between H1 to H6.
2. Prepare a two-paragraph text about your house. In this paragraph, mention that your
house has a garden, drawing room, two bedrooms, etc. Develop an HTML document
which displays these two paragraph in such a way that each room beomes apage of its
own e.g. garden.html, drawing.html, kitchen.html

Introduction internet appli

More Related Content

What's hot

Similar to Introduction internet appli

Recently uploaded

Introduction internet appli