A PROJECT REPORT ON ROLE ON OVER VIEW OF HTML (WEB SITE CREATION)IN

INFOSYS COMPUTER CENTRE IN THNAJVUR DISTRICT TAMILNADU"

A Project work submitted to

BHARATHIDASAN UNIVERSITY, TIRUCHIRAPPALLI.

In partial fulfillment of the requirements for the award of the Degree of
BACHELOR OF COMMERCE (CA)
Submitted by

P.AJAYPRAVEEN
REGNO:CB18C65430
Under the Guidance of
Prof, A. Raj Priya M.Com, M.Phil.,
B.Ed., Assistant Professor,
Post Graduate Department of Commerce (CA)

ANNAI VAILANKANNI ARTS AND SCIENCE COLLEGE

UGC Recognized by 2(F) and 12(B) Institution
(Afiliated to Bharathidasan University,
Tiruchirapalli) Bishop Sundaram Campus,
Pudukkottai Road,

Thanjavur - 613 007, Tamil Nadu, India.

Prof, A.Raj Priya M.Com., M.Phil., B.Ed.,
Assistant Professor,
Post Graduate Department of Commerce (CA).

CERTIFICATE

Date:

This to certify that the project work entitled “A PROJECT REPORT ON OVER VIEW OF HTML (WEB SITE
CREATION)IN INFOSYS COMPUTER CENTER IN THANJAVURDISTRICT,TAMILNADU”,
Submitted by MS. P.AJAY PRAVEENReg.No: CB18C65430,Final year B.com (CA) Student, Annai Vailankanni
Arts And Science And College,Thanjavur-613007, Tamil nadu is a bonifide record of research work done by Her
under by guidance and supervision for the award of the degree of Bachelor of commerce (CA). I futher certify that
this project work represents the independent work on the part of the candidate.

Signature of the H.O.D Signature of the guide

Certify that the candidate was examined in the viva-voce held on

Signature of the External Examiner

 ANNAI VAILANKANNI ARTS AND SCIENCE COLLEGE
UGC Recognized by 2(f) and 12(B) Institution
(Affiliated to Bharathidasan University,
Tiruchirapalli) Bishop Sundaram Campus,
Pudukkottai Road, Thanjavur - 613 007, Tamil Nadu,
India.

P.AJAY PRAVEEN,
Reg. No: CB18C65430,
Final Year B. Com (CA), PG Department of Commerce (CA).

DECLARATION
I P. AJAY PRAVEEN REG. CB18C65430, Final Year B.Com(CA), PG Department of

Commerce, Annai Vailankanni Arts and Science College, Thanjavur - 613007, Tamil Nadu do
Here by declare that the work embodied in this project work entitled “A PROJECT REPORT
ON ROLE ON ELECTRONIC PAYMENT SYSTEM ON CUB BANK IN THANJAVUR
DISTRICT,TAMILNADU", submitted by me has been originally carried out by me for the award of the Degree
of Bachelor of Commerce (CA) under the guidance and supervision of Prof, A.RAJ PRIYA M.Com., M.Phil.,
B.Ed., Asstistant Professor, Post Graduate Department of Commerce(CA)., Annai Vailankanni Arts and Science
College, Thanjavur-
613007.
Place: Thanjavur Signature of the candidate
(P. AJAY PRAVEEN)
 ACKNOWLEDGEMENTS

First and foremost, I would like to praise and thank the Patroness of our College "OUR LADY OF GOOD
HEALTH", Vailankanni, popularly and lovingly known as, Annai Vailankanni", ie., Mother Vailankanni, the
almighty, who has granted countless blessing, knowledge, and has made me excel and successful in all my academic
pursuits.
I would like to offer my profound regards to Most Rev.Fr. Dr.S.SEBASTIAN PERIANNAN, M.A., M.A., Ph.D.,
Correspondent and Secretary of Annai Vailankkani Arts and Science College, Rev. Fr. Dr.S.AROCKIADOSS, M.Sc.,
M.A., M.A., M.Ed.,M.Phil., Ph.D., Administrator of Annai Vailankanni Arts and Science College,
Dr.P.PHILOMINATHAN,M.SC., M.Phil., Ph.d., Principal ,Annai Vailankkani Arts and Science College, Dr.S.Vijaya
kumar , M.Com., M.Phil., B.Ed., NET., Ph.D., Dean of arts annai vailankanni arts and science and college for his
blessings and giving me the excellent opportunity to undergo my project work in the college of excellence.
I am indebted and owe my due respects to Dr.V. MAHESH,M.Com., M.Phil., Mba.,Ph.D., HOD and Research
Advisor, Post Graduate Department of Commerce , Annai Vailankkani Arts and Science College, Thanjavur for his
kind support and encouragement throughout the course of my research work.
I would like to place on record my heartfelt thanks and deep sense of gratitude to my Prof,A.RAJ PRIYA M.Com.,
M.Phil., B.Ed., Asst.Professor, Post Graduate Department of Commerce., Annai Vailankanni Arts and Science
College, Thanjavur. Her positive outlook and confidence in my research work inspired me and gave me confidence
and careful editing contributed enormously to the production of this projcct work.
These acknowledgments would not be complete without thanking my Family For their constant support and care.
Today I feel that my parents Hardwork and dreams have been blossomed. My father's goodness is higher than the
mountain and my mother's goodness is deeper than the sea. I take this opportunity to express the profound gratitude
from my deep heart to my lovable Father and Mother, and all my friends for their blessings love and continuous
support both spiritually and materially.

(P.AJAY PRAVEEN)
HTML stands for Hypertext Markup Language, and it is the most widely used language to
write Web Pages.

 Hypertext refers to the way in which Web pages (HTML documents) are linked
together. Thus, the link available on a webpage is called Hypertext.

 As its name suggests, HTML is a Markup Language which means you use HTML to
simply *mark-up" a text document with tags that tell a Web browser how to structure
it to display.

Originally, HTML was developed with the intent of defining the structure of documents like
headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information
between researchers.

Now, HTML is being widely used to format web pages with the help of different tags
available in HTML language.

Basic HTML Document

In [ts sffnplest form, following is an example of an HTML document:
<IDOCTYPE hull)

< M e l ) <head> <title>This is document titlegtitle>

</head) <body) <hl>This is a heading<A11>
<Wocument content goes herecip>

</body>
</ h ■ ll)

Either you can use Try It option available at the top right corner of the code box to check
the result of this HTML code, or let's save it in an HTML file testhtm using your favorite text
editor. Finally open it using a web browser like Internet Explorer or oogle Chrome, or Firefox
etc. It must show the following output:
 no
inahfsiz I Desktoormuhtm
• 119 ❑ rel. e *
This is a heading
Dismost content goes bon.

HAIL Tags
As told earlier, FITML is a markup language and makes use of various tags to format the
content. These tags are enclosed within angle braces <Tag Name>. Except few tags, most
of the tags have their corresponding closing tags. For example, <htrni> has its closing
tag<fhtml> and <body> tag has its closing tag </body> tag etc.

Above example of HTML document uses the following tags:

Tag Description

<!DOCTYPE...>
This tag defines the document type and HTML version.

This tag encloses the complete HTML document and mainly comprises
<html> of document header which is represented by <head >w<ihead> and
document body which is represented by <body >...</body> tags.

This tag represents the document's header which can keep other HTML
<head> tags like <title>, <link> etc.

The <title> tag is used inside the <head> tag to mention the
<title> document title.

This tag represents the document's body which keeps other HTML tags
<body> like <hi>, <div>, <p> etc.

This tag represents the heading.

<hl>
 p> This tag represents a paragraph.

To learn HTML, you will need to study various tags and understand how they behave, while
formatting a textual document. Learning HTML is simple as users have to learn the usage of
different tags in order to format the text or images to make a beautiful webpage.

World Wide Web Consortium (W3C) recommends to use lowercase tags starting from HTML
4,

HTML Document Structure

A typical HTML document will have the following structure:

Document declaration tag

<html>
<head>

Document header related tags </head)

<body>

Document body related tags </body

</html>

We will study all the header and body tags in subsequent chapters, but for now let's see what
is document declaration tag,

The <DOCTME> Declaration

The <!DOMPE> declaration tag is used by the web browser to understand the version of
the HTML used in the document. Current version of HTML is 5 and it makes use of the following
declaration:
ODOCTYPE html>

There are many other declaration types which can be used in HTML document depending on
what version of HTML is being used. We will see more details on this while discussing
<!DOCTYPE...> tag along with other HTML tags.
I. _2. HTML-BASIC TAGS

Heading Tags
Any document starts with a heading. You can use different sizes for your headings. HTML
also has six levels of headings, which use the elements <hi>, <h2>, <h3>, <h4>, <h5>,
and <h6>. While displaying any heading, browser adds one line before and one line after
that heading.

Example
ODOCTYPE html>
<html>
<head>

<title>Heading Example</title>
</head>

<body>

<h1>This is heading 1</h1>

<hZ>This is heading 2</h2>
<h3>This is heading 3</[13>
<h4>This is heading 4</h4>
<h5>This is heading 5</b5>
<h6>This is heading 6</h6>
</body>

This will produce the following result:

 This is heading 1
This is heading 2
This is heading 3

This is heading 4

This is heading S

nu, r. huid,rig:

Paragraph Tag
The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of
text should go in between an opening <p> and a closing </p> tag as shown below in the
example:

Example
<1DOCTYPE html>

<html><head><title>Paragraph Examples/title>

</ head> <body> <p>Here is a first paragraph

of text .(4>
<p>He re is a se cond pa rag raph of text. </ p >

<p > He re i s a t hi rd p a ra g ra p h of t e xt s/ p >

</body>
< /html>
:

This will produce the following result:

H e r e i s a f i r s t p a r a g r a p h o f t e x t . He re is a se cond pa rag ra ph of text. H e r e i s a t h i rd p a ra g ra p h

Line Break Tag
Whenever you use the <br i> element, anything following it starts from the next line. This
tag is an example of an empty element, where you do not need opening and closing tags, as
there is nothing to go in between them.

The <br f> tag has a space between the characters br and the forward slash. If you omit this
space, older browsers will have trouble rendering the line break, while if you miss the forward
slash character and just use <br> it is not valid in XHTML.

Example
ODOCTYPE html>
<html>
<head>
<title>line Break Example<ititle>

</head>
<body>

<p>Hello<br />

You delivered your assignment on time.<br i> Thanks<br

Mahnaz</p>

This will produce the following result:

H e l lo

You delivered your assignment on time.

Thanks

Centering Content
You can use <center> tag to put any content in the center of the page or any table cell.

Example
IDOCTYPE html>

<html>
<head>
 ctitle>Centring Content Example</title>

</head>
<body>

<p>This text is not in the center.</p>

<center>

p>This text is in the center.qp>

</center>

c/body>

This will produce the following result:

This text is not in the center.

This text is in the center.

Horizontal
Unes
Horizontal lines are used to visually break-up sections of a document. The <hr> tag creates
a line from the current position in the document to the right margin and breaks the line
accordingly.

For example, you may want to give a line between two paragraphs as in the given example
below:

Example
ODOCTYPE html>

(html><head> <title>Hori zontalLi ne ExampLe<ititie>

</head>
<body>

<p>This is paragraph one and shoul d be on top</ p> Or />

(p This is paragraph two and should be at bottoms/p>

c/body> c/html>
This will produce the following result:

This is paragraph one and should be on top

This is paragraph two and should be at bottom

Again <hr tag is an example of the empty element, where you do not need opening and

closing tags, as there is nothing to go fn between them.

The <hr i> element has a space between the characters hr and the forward slash. If you
omit this space, older browsers will have trouble rendering the horizontal line, while if you
miss the forward slash character and just use <hr > it is not valid in XHTML

Preserve Forrnatti
Sometimes, you want your text to follow the exact format of how it is written in the HTML
document. In these cases, you can use the preformatted tag <pre>.

Any text between the opening <pre> tag and the closing </pre> tag wig preserve the
formatting of the source document.

Example
<!DOCTYPE html>
<html> <head>

<title>Preserve Formatting Example</title> </head>

<body> <pre>

function testFunction( strText ){ alert (strText)

</pre> </body> </html>

This will produce the following result:

function testFunction( strText ){
 alert (strText)
}

Try using the same code without keeping it inside <pre.../pre > tags

Nonbreaking Spaces
Suppose you want to use the phrase "12 Angry Men." Here, you would not want a browser to
split the '12. Angry' and "Men" across two lines:

A n e xa mp le of t his t e chniq ue a p p e a rs in t he movi e " 12 A ng ry Me n.'

In cases, where you do not want the client browser to break text, you should use a
nonbreaking space entity &nbsp; instead of a normal space. For example, when coding the
"12 Angry Men" in a paragraph, you should use something similar to the following code:

Example
ODOCTYPE html)

<html> <head> <title>Nonbreaking Spaces Example</title>

</head>
<body>

<p>An example of this technique appears in the movie "12ambsp;Angry&nbsp;Men."</p>

</body>

</html>
 3. HTML-ELEMENTS

An HTML element is defined by a starting tag. If the element contains other content, it
ends with a closing tag, where the element name is preceded by a forward slash as shown
below with few tags:

Start Tag Content End Tag

<p> This is paragraph content. </p>

I This is heading content. </hi>

 <div> This is division content. </cliv>

<br i>

So here <p>....</p> is an HTML element, <hl>...</h1> is another

HTML element. There are some HTML elements which don' t need to
be closed, such as img.../>, <hr i> and <br i> elements. These
are known as void elements.

HTML documents consists of a tree of these elements and they specify

how HTML documents should be built, and what kind of content should be
placed in what part of an HTML document.

HTML Tag vs. Element

An HTML element is defined by a starting tag. If the element contains
other content, it ends with a closing tag.

For example, <p> is starting tag of a paragraph and </p> is closing

tag of the same paragraph but <p>This is paragraph<N> is a
paragraph element,

Nested HTML Elements

IL is very much allowed to keep one HTML element inside another HTML element:

Example
<IDOCTYPE html>
<html>