Web Application and HTML Summary

General Terms Related to Web Applications
 The World Wide Web (www)
 The Uniform Resource Locator (URL)
 The Hyper Text Markup Language (HTML)

 The World Wide Web :
The concept of WWW was designed in 1989 by Tim Berners-Lee and scientists at CERN
(Geneva), the European centre for High Energy Physics. Their purpose was to make
sharing and retrieval of research material simpler. A year later they had developed a
'browser/editor' program and had named the program World Wide Web. The World
Wide Web grew rapidly and attained its present form. Its further development is guided
by the WWW Consortium (W3C) based at the Massachusetts Institute of Technology in
Cambridge, Massachusetts
 The URL :
The uniform resource locator (URL) is the unique identifier of a web page. The address or
URL of the current page you are on appears in the "Address Bar" of the web browser. You
can go directly to a web page if you know its URL by simply typing the URL in the address
bar. You can click in the address bar at any time and overwrite the current address with
another URL to jump to a different web page.
The most general form of a URL syntax is as follows:
Protocol://domain name/<directory path>/<object name>
For example: http://www.openoffice.org/dev_docs/features/3.2/rc2.html

HTML In Detail
 Parts of an HTML document :
Any HTML document, in general, contains at least three elements - HTML,
HEAD, and BODY. These elements are specified by the following respective
tags:
1. <HTML> . . .</HTML>
2. 2. <HEAD> . . .</HEAD>
3. 3. <BODY> . . .</BODY>

 HTML: Elements, tags, and attributes:
Any HTML document contains:
(a) information that is to be displayed by the web-browser.
(b) formatting information that tells the web-browser about lay-out of this
information when it is displayed.
In an HTML document, the formatting information is given in the form of
HTML elements. An HTML element is specified by the corresponding tags.
 Types of Elements:
HTML elements are of two types-
1. Container elements
2. Empty elements.

Container Elements :
A container element is specified by a pair of tags - Start tag and End tag. These
tags also called ON tags and OFF tags. Start tag consists of the tag name enclosed
in left and right angular brackets. The end tag is identical to the start tag, except
for a slash (/) that precedes the text within angular brackets of the end tag. e.g.,
<BODY> . . . </Body>
Container elements contain parameters and the parameters of an element are
given between the start tag and end tags.
<BODY> . . . </BODY>
Elements in HTML may also contain attributes that can be given along with the tag
name in the angular brackets of the start tag.

Empty Elements
Empty elements have only a start tag and no end tag. Hence, an empty
element has no parameters, but can take attributes, which are given
within angular brackets of the start tag.

Different HTML Elements
 HTML Element :
It is a container element started by <HTML> tag and ended by </HTML> tag. It
identifies the document as an HTML document. It does not have any effect on the
appearance of the document, but tells the browser that the current document is an
HTML document.
Syntax: <HTML> . . .</HTML>
 HEAD Element :
It is a container element started by <HEAD> tag and ended by </HEAD> tag. It
defines the HTML document header and does not affect the appearance of the
document in the browser window. The header contains information about the
document.
Syntax: <HEAD> . . .</HEAD>
 TITTLE Element :
It is a container element started by <TITLE> tag and ended by </TITLE> tag. Every
HTML document should contain the title to be displayed in the title bar of the
browser window.
Syntax: <TITLE>. . .</TITLE>

 BODY Element:
It is a container element started by <BODY> tag and ended by </BODY> tag. It
contains the main contents of the document as parameter.
Syntax: <BODY> . . .</BODY>
Some Attributes of BODY element:

 P(paragraph) Element :
It is a container element started by <P> tag and ended by </P> tag. This element is
used to start a new paragraph. HTML does not recognize the return/enter key we
enter in text editor; therefore we use <P> tag to start a new paragraph. <P> starts
a new paragraph with extra space before the first line.
Syntax: <P ALIGN="alignment" lang = "language"> . . .</P>

 HR(Horizontal Rule) Element :
This is an empty element specified by <HR> tag. The <HR> tag draws a horizontal
line across the document frame or window. We can use a horizontal line to visually
divide the information into sections.
Syntax: <HR ALIGN = "alignment" NOSHADE SIZE = "thickness" WIDTH = "width"
COLOR="colorname" >
Attributes of HR Element:

 BR(Line Break) Element:
This is an empty element specified by <BR> tag. <BR> tag forces a line break
which implies that the text/image following the tag will be moved to the next line
when displayed in the browser.
Syntax: <BR>
Formatting Element
 Hn(Text Heading) Element:
This is a container element specified by <Hn> tag, where n is a natural number
from 1 to 6. This element is used to give section headings. H1 gives the most
prominent heading, while H6 gives the least prominent heading. Heading element
introduces a blank line above and below the header text.
Syntax: <Hn>. . .<Hn>, where n is an integer in the range 1 to 6
B(Bold face) Element:
This is a container element started by <B> and ended by </B> tags. This element is
used to display the text enclosed within the tags in bold form.
Syntax: <B>. . .</B>

 I (Italics)Element :
This is a container element started by <I> and ended by </I> tags. This element is
used to display the text enclosed within the tags in italics form.
Syntax : <I>. . .</I>
 U (Underline) Element :
This is a container element started by <U> and ended by </U> tags. This element is
used to underline the text enclosed within the tags.
Syntax: <U>. . .</U>
 IMAGE Element :
This is an empty element specified by <IMG> tag. It is used to insert an image in a
web page.
Syntax: <IMG SRC="location" BORDER = "border" ALIGN = "alignment" HEIGHT = "height"
WIDTH = "width">

 FONT Element :
It is a container element started by <FONT> tag and ended by </FONT> tag. The
FONT element is used to add style, size, and color to the text. We use the size, color,
and face attributes to customize our fonts.
Syntax: <FONT FACE="font name" SIZE = n COLOR = "color" > . . .</FONT>
Attributes of FONT Element :

 OL(Ordered List) Element :
It is a container element started by <OL> tag and ended by </OL> tag. It displays a
numbered list. In a numbered list each item is preceded by a number or a letter.
This element is used where the items are to be placed in a specific order.
Syntax: <OL START = "n" TYPE = "A"/"a"/"I"/"i"/"1" > . . . </OL>
 UL(Unordered List) Element :
It is a container element started by <UL> tag and ended by </UL> tag. It displays a
bulleted list. In a bulleted list each item is preceded by a small symbol called a
bullet.
Syntax: <UL Type="value">. . . </UL>
 LI(List Item) Element :
The LI element is an empty element specified by <LI> tag. It is used inside OL and
UL elements to define list items. Each list item has to be preceded by <LI> tag.
Syntax: <LI> Item Name

Table Elements
 TABLE Element :
It is a container element started by <TABLE> tag and ended by </TABLE> tag. It is the basic
element for creating a table.
Syntax: <TABLE ALIGN="Alignment" BGCOLOR="colorname" BORDER="n" >. . .</TABLE>

 TR(Table Row) Element :
It is a container element started by <TR> tag and ended by </TR> tag. It is
used to define table rows. The TR element is used inside the TABLE element.
Syntax: <TR ALIGN ="Alignment" VALIGN="VAlignment" BGCOLOR="colorname"> . . . < / TR >

 TD(Table Data) Element :
It is a container element started by <TD> tag and ended by </TD> tag. It is used to specify
the text in a cell of the table. The TD tag is used inside the TR tag, which is inside the table tag.
The number of columns in a table depends on the number of TD elements within the TR
element.
Syntax: <TD ALIGN="Alignment" VALIGN="VAlignment" BGCOLOR="colorname" > . . . </TD>
 TH(Table Heading) Element :
It is a container element started by <TH> tag and ended by </TH> tag. It is used to create
header values. The header values are displayed in a bold font and centre aligned. The TH
element is used to create column or row headings.
Syntax: <TH ALIGN ="Alignment" VALIGN = "VAlignment" BGCOLOR = "colorname" NOWRAP >. .
.</TH>

FORMS in HTML -
We can make a web page interactive by creating form(s) in it. A form allows the user to
enter some data and this data can then be sent to a web server or to another web page to
respond accordingly. Forms in HTML are used to handle operations like taking orders,
conducting surveys, user registration etc. We have used a FORM element to create the
form. We have used interface element INPUT with different values of TYPE attribute such
as TEXT, RADIO, PASSWORD, and SUBMIT, to get the user input. All the elements in the
form must be defined between the <FORM> and </FORM> tags. Other elements, such as
heading, paragraph, and tables, etc., can also be used in the <FORM> and </FORM> tags.
can enter some data.

FORM Element -
It is a container element started by <FORM> tag and ended by </FORM> tag. It is
used to create a form on a web page.
Syntax: <FORM NAME="FormName" ACTION = "URL" METHOD = "method">

 INPUT Element -
It is an empty element specified by <INPUT> tag. It is used to provide an input field
in a form where the user can enter the data. An input field may be a textfield, a
checkbox, a radio button, a button, and
Syntax: <INPUT TYPE="FieldType" NAME="FieldName" VALUE="FieldText">more

 Different field types in FORM -
Here are some values of TYPE attribute

 Web server delivers (serves) content, such as web pages, using the
Hypertext Transfer Protocol (HTTP), over the World Wide Web.
 A web browser is a client that initiates communication by making a
request for a specific resource. The server then responds with the content
of that resource, or an error message if unable to do provide the contents
due to any reason.
 URL represents a Uniform Resource Locator, a pointer to a "resource" on
the World Wide Web. A resource can be a file or a web page.

 Various HTML tags are summarised in the following table:

Web Application and HTML Summary

More Related Content

What's hot (20)

Viewers also liked (11)

Similar to Web Application and HTML Summary (20)

Recently uploaded (20)

Web Application and HTML Summary